jquery sortable, एक ट्रैश पर ड्रैगगेबल ऑब्जेक्ट

Question

मुझे सॉर्ट करने योग्य, ड्रैग करने योग्य आइटम के साथ समस्या हो रही है जब मैं इसे ट्रैश ऑब्जेक्ट पर छोड़ सकता हूं।
कोड इस jsfiddle में है। sortableA "बॉक्स आइटम फिट करने के लिए अनुमति देने के लिए फैलता है sortableA को

1. खींचें" रोटी "" "

2. खींचें: http://jsfiddle.net/queeg/sRAmW/1/

   यह jsfiddle में इस मुद्दे को पुन: पेश करने वास्तव में आसान है। "ब्रेड" को "ट्रैश कैन" कचरा आइटम को स्वीकार करने के लिए विस्तारित हो सकता है, तो आइटम दूर हो जाता है।

3. "sortableA" से "ट्रैश कैन" 012 में "रोटी" खींचेंसमस्या खुद को दिखाएगी। कचरे का विस्तार नहीं हो सकता है और इससे पहले कि यह फीका हो जाता है, आइटम किसी अन्य स्थान पर कूदता है।

Answer 1

सम्भावित समाधान खींचने योग्य से position: absolute दूर करने के लिए किया जाएगा ले जब कचरा पर डाला जाता कर सकते हैं:

var element = ui.draggable.css('position', ''); 

DEMO

से आने पर #sortableX तत्व, उनके पास यह सीएसएस नियम लागू है, लेकिन दो सूचियों में से किसी एक से सीधे नहीं आ रहा है।

Answer 2

है ऐसा इसलिए है क्योंकि आप एक ul जो मान्य एचटीएमएल और यह भी नहीं है के अंदर एक ul तत्व संलग्न करने के लिए कोशिश कर रहे हैं क्योंकि शैलियों (छोड़ दिया, ऊपर) की यह ठीक से तैनात नहीं है आप को खींच के बाद और कचरा अंदर इसे छोड़ जो दिखाता है कि यह कचरे के कंटेनर में ठीक से खींचा नहीं गया है।

मैं तय कर दी है इसे यहाँ एक नज़र

http://jsfiddle.net/ShankarSangoli/sRAmW/3/

Answer 3

कॉलिंग $('#sortable, #sortable2').droppable(); चाल चल रहा है। here देखें।