javascript - Add 1 to total individually using JQuery Drag and Drop -


using jquery ui, have list of items every individual drag , drop vote div add 1 span total. @ moment every drag , drop adding 1 first list item, have tried know

js

$count.droppable({     accept: "#gallery > li",     activeclass: "ui-state-highlight",     drop: function() {         var el = $('#rj_no');         var num = parseint(el.text());         el.text(num + 1);         $('#dialog').dialog();     } }) 

html

<ul id="gallery" class="gallery ui-helper-reset ui-helper-clearfix">      <li id="rj" class=" add ui-widget-content ui-corner-tr">         <img src="assets/rosie_jim_poster.png" alt="rosie , jim" width="80" height="44">         <h5 class="ui-widget-header">rosie , jim</h5>         <p>votes: <span id="rj_no">0</span>         </p>         <a id=rj href="#">watch</a>     </li>      <li id="wc" class="ui-widget-content ui-corner-tr">         <img src="assets/willie_cordova_poster.png" alt="willie cordova" width="80" height="44">         <h5 class="ui-widget-header">willie cordova</h5>         <p>votes: <span id="wc_no">0</span>         </p>         <a href="#">watch</a>     </li>      <li class="ui-widget-content ui-corner-tr">         <img src="assets/kenan_and_kel_poster.png" alt="kenan , kel" width="80" height="44">         <h5 class="ui-widget-header">kenan , kel</h5>         <p>votes:0</p>         <a href="#">watch</a>     </li>      <li class="ui-widget-content ui-corner-tr">         <img src="assets/rosie_jim_poster.png" alt="rosie , jim" width="80" height="44">         <h5 class="ui-widget-header">rosie , jim</h5>         <a href="images/high_tatras.jpg" title="view larger image" class="ui-icon ui-icon-zoomin">view larger</a>         <a href="link/to/trash/script/when/we/have/js/off" title="delete image" class="ui-icon ui-icon-trash">delete image</a>     </li>      <li class="ui-widget-content ui-corner-tr">         <img src="assets/willie_cordova_poster.png" alt="willie cordova" width="80" height="44">         <h5 class="ui-widget-header">willie cordova</h5>         <p>votes:..</p>         <a href="#">watch</a>     </li>      <li class="ui-widget-content ui-corner-tr">         <img src="assets/kenan_and_kel_poster.png" alt="kenan , kel" width="80" height="44">         <h5 class="ui-widget-header">kenan , kel</h5>         <p>votes:..</p>         <a href="#">watch</a>     </li> </ul> 

seems work

$count.droppable({   activeclass: "ui-state-highlight",   drop: function(event, ui) {    if(ui.draggable.is('#rj')) {       var el = $('#rj_no');       var num = parseint(el.text());       el.text(num+1);     } else if(ui.draggable.is('#wc')) {       var el = $('#wc_no');       var num = parseint(el.text());       el.text(num+1);     } else if(ui.draggable.is('#kk')) {       var el = $('#kk_no');       var num = parseint(el.text());       el.text(num+1);     } else if(ui.draggable.is('#rj2')) {       var el = $('#rj_no2');       var num = parseint(el.text());       el.text(num+1);     } else if(ui.draggable.is('#wc2')) {       var el = $('#wc_no2');       var num = parseint(el.text());       el.text(num+1);     }else if(ui.draggable.is('#kk2')) {       var el = $('#kk_no2');       var num = parseint(el.text());       el.text(num+1);     }     $('#dialog').dialog();   } }) 

Comments

Popular posts from this blog

toolbar - How to add link to user registration inside toobar in admin joomla 3 custom component -

linux - disk space limitation when creating war file -