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
Post a Comment