jquery ui - cant मेरे ड्रैगगेल को एक खाली क्रमबद्ध li

Question

पर खींचने के लिए प्रतीत होता है मेरे पास एक सूची है जिसे मैं # गैलरी कहता हूं जिसमें मैंने कुछ ली बॉक्स परिभाषित किए हैं।

उदा।

<ul id="gallery"> 
    <li style="display: list-item; ui-draggable">A</li> 
</li> 

और उन्हें में छोड़ के लिए एक बॉक्स ...

<div id="conditions-box" class="ui-droppable">  
    <ul class="gallery ui-helper-reset ui-sortable"></ul>  
</div> 

निम्नलिखित js साथ

$('#conditions-box > ul').sortable(); 
$("#gallery > li").draggable({ 
    connectToSortable: '#conditions-box > ul', 
    helper: 'clone' 
}); 

जब मेरी स्थिति बॉक्स सूची खाली है जैसा कि आप देख अब मैं खींच सकते हैं बक्से में लेकिन वे केवल "छड़ी" नहीं करते हैं जब मैं मौजूदा ली को शर्तों में बॉक्स कोड डालता हूं तो यह वास्तव में काम करता है। हालांकि मैं ऐसा नहीं करना चाहता हूं। यदि आप एक खेल चाहते हैं तो आप नीचे देख सकते हैं। कोई विचार ?

रेफरी - http://jsfiddle.net/wmitchell/zCDE7/2/

Answer 1

मैं तुम्हें अपने conditions-box sortable के लिए height निर्धारित करने की आवश्यकता है। ,

#conditions-box { 
    height: 40px; 
} 

Answer 2

sortable को dropOnEmpty विकल्प जोड़ने, भले ही डिफ़ॉल्ट सच होना चाहिए की कोशिश, यह काम किया जाना प्रतीत नहीं होता है, क्योंकि यह काम करता है जब sortable नहीं रिक्त है: आप सीएसएस का उपयोग कर सकते की तरह ।