आप कैसे जांच सकते हैं कि आपकी ड्रैगगेबल वस्तु किस तत्व पर हो रही है? (JQuery)

Question

मेरे पास दो सूचियां हैं। पहले ड्रैगगेबल आइटम शामिल हैं (जैसे this)। यह दूसरे से जुड़ा हुआ है, जो एक क्रमबद्ध सूची है (जैसे this)।

पहली सूची से

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

मैं क्या करना चाहता हूं जब आप दूसरी सूची से किसी आइटम को खींचते हैं, तो इसे हटाने के लिए चिह्नित किया जाएगा, या पहली सूची में भेजा जाएगा (यदि यह एक सहेजे गए अतिरिक्त है)। हालांकि मैं चाहता हूं कि लोग दूसरी सूची को हल करने में सक्षम हों।

तो अगर वे एक आइटम बाहर खींचें और माउस जारी उसे निकाल दिया चाहिए था। यदि वे एक आइटम को फिर से खींचते हैं और फिर से वापस लेते हैं, तो इसे हटाया नहीं जाना चाहिए।

मैंने माउसअप हैंडलर inside of a sortout लपेटने की कोशिश की है, जिसके साथ मैं इसे काम कर रहा हूं, लेकिन फिर आप सूची में आइटम को सॉर्ट नहीं कर सकते।

मुझे यह कहां लेना चाहिए?

Answer 1

एक अलग विधि का उपयोग करके, ऐसा लगता है कि ऐसा लगता है कि यह गड़बड़ है। मैंने अभी तक आईई में परीक्षण नहीं किया है, जो संभवतः वर्म्स की एक नई कैन खोल देगा, इसलिए मैं ड्रैगिंग को केवल सॉर्टिंग करने और डिलीट बटन जोड़ने दूंगा। चीयर्स,

न्यू

Answer 2

आप लक्ष्य सूची (आईडी "droplist") पर ड्रॉप घटना के लिए बाध्य करने के लिए तो जैसे की जरूरत है:

$("#droplist").bind("drop", function(event){ 
    $(this).append(event.dragTarget); // or use prepend to put it at the top 
    console.log("Dropped " + event.dragTarget.title); 
    // trigger another event to do the work around checking if it is an unsaved addition 
}) 

खींचें बाहर के किसी आइटम को निकालने के लिए आप के चारों ओर एक कंटेनर तत्व के लिए बाध्य की कोशिश हो सकती है सूचियों।

$("#background").bind("drop", function(event){ 
    event.dragTarget.remove(); // guessing here 
}) 

एक कोड स्निपेट आगे की मदद करने के लिए आसान होगा।