एकाधिक ड्रैगगेबल्स एक्स और वाई स्थिति खोजें

हाय मैं एक प्रोटोटाइप बना रहा हूं जो उपयोगकर्ता को कई डीवी बनाने में सक्षम करेगा। एक बार एक डीआईवी बनने के बाद इसे ड्रैगगेबल होना चाहिए, एक बार गिराए जाने पर इसे डीवी के भीतर एक्स और वाई स्थिति प्रदर्शित करनी चाहिए।

समस्या यह है कि एक बार जब मैंने कई डीआईवी बनाए हैं तो उन्हें सभी को खींचा जा सकता है और गिरा दिया जा सकता है लेकिन वे सभी पहले डीआईवी की स्थिति प्रदर्शित करते हैं।

http://jsfiddle.net/aX92L/

jQuery

$(function() {
    $("#add").click(function() {
        $("body").append('<div class="note">

note

</div>'); $(".note").draggable(); $("body").droppable({ accept: '.note', activeClass: 'ui-state-hover', hoverClass: 'ui-state-hover', drop: function (event, ui) { var position = $(".note").position(); $(".note").text("left: " + position.left + ", top: " + position.top); } }); }); });

अगर कोई मदद कर सकता है तो इसकी सराहना की जाएगी।

0

1 उत्तर

Use ui.helper

$(function() {
    $("#add").click(function() {
        $("body").append('<div class="note">

note

</div>'); $(".note").draggable(); $("body").droppable({ accept: '.note', activeClass: 'ui-state-hover', hoverClass: 'ui-state-hover', drop: function (event, ui) { var position = $(ui.helper).position(); $(ui.helper).text("left: " + position.left + ", top: " + position.top); } }); }); });
0
जोड़ा
धन्यवाद कि महान काम करता है।
जोड़ा लेखक Chris Cowan, स्रोत