गतिशील रूप से बनाए गए तत्वों पर ड्रॉप करने योग्य और क्रमबद्ध कार्य

Question

पिछले 2 दिनों से इस समस्या के साथ अटक गए :-(गतिशील रूप से जोड़े गए समूहों के साथ ड्रैगजेबल सॉर्टेबल सूची बनाने की कोशिश कर रहा था। कंटेनर बनाने में सक्षम था, लेकिन इन कंटेनरों में divs को नहीं छोड़ा जा सकता .. किसी का कहना है सकते हैं जहां मैं गलत कर रहा हूँ, मुझे पता है यह एक चर करने के लिए आवंटित किया जाना है कि, यहां तक ​​कि कोशिश की है कि, अभी भी अब काम कर रहा .. फिडल निम्नानुसार है ..

http://jsfiddle.net/Sullan/mLHJW/

Answer 1

बस के भीतर कॉल दोहराया बटन क्लिक करें .. सुनिश्चित नहीं है कि यह सही तरीका है .. लेकिन ठीक काम करता है ...

http://jsfiddle.net/Sullan/mLHJW/1/

Answer 2

यदि dynmmcally बनाए गए तत्व काम नहीं कर रहे हैं तो jquery संस्करण 1.7 में on का उपयोग करने का प्रयास करें। यदि आप उससे कम उपयोग कर रहे हैं, जैसे 1.6, 1.5 या कुछ आपका उपयोग कर सकते हैं

उदाहरण

$("p").on("click", function(){ 
alert($(this).text()); 
}); 

या

$("p").live("click", function(){ 
alert($(this).text()); 
}); 

$("p").click(function(){ 
alert($(this).text()); 
}); 

on विज्ञापन live डायनामिक रूप से तैयार तत्वों के लिए जोड़ा जा wil के insted

http://api.jquery.com/on/

http://api.jquery.com/live/

Answer 3

एक बार आप में शामिल यह सिर्फ (अपने कोड से उदाहरण) इस तरह इसका इस्तेमाल इस प्लगइन http://docs.jquery.com/Plugins/livequery#Download

प्रयोग करके देखें:

var test = $('ul.itemsList').livequery(function(){ 
        $(this).sortable({ 
         connectWith: $('.itemsList, .itemsList li') 
        }); 
       });