2011-10-11 11 views
6

मुझे jQuery UI सॉर्टेबल के सुचारू संचालन में कुछ परेशानी हो रही है।jQuery यूआई क्रमबद्ध सहिष्णुता

मैं जो सहिष्णुता सेट करता हूं वह हमेशा सही ढंग से काम नहीं करता है - उदाहरण के लिए, यदि मैं इसे 'पॉइंटर' पर सेट करता हूं, तो कभी-कभी मैं ऑब्जेक्ट को लगभग किसी अन्य (माउस सहित) पर ले सकता हूं और यह पुन: व्यवस्थित नहीं होगा। कुछ समय मुझे ऑब्जेक्ट को पुन: व्यवस्थित करने के लिए उसे घुमा देना है।

क्या ऐसा कुछ भी है जो सही तरीके से काम करने के लिए आवश्यक है या कुछ भी जो इसे तोड़ने का कारण बन सकता है? (? मार्जिन, नाव, कुछ तत्वों, पूर्ण स्थिति में तत्वों, आदि)

कोड मैं मूल रूप से इस (। तैनात रूप में पेट लंगर) की तरह कुछ है:

<div span="span-12 prepend-top last"> 
    <ul id="fileupload-images" class="ui-sortable"> 
     <li class="image span-3" id="38b22e1c130d9c33fafb20e7ac16c038"> 
      <img class="thumb span-3 last" src="/uploads/3/8/b/38b22e1c130d9c33fafb20e7ac16c038/38b22e1c130d9c33fafb20e7ac16c038.jpg"> 
      <a href="#" class="zoom"></a> 
      <a href="#" class="remove"></a> 
     </li> 
    </ul> 
</div> 

उत्तर

2

एक jsfiddle साथ बहुत अच्छा होगा अपने सॉर्ट करने योग्य कोड यदि निम्नलिखित सुझाव आपके लिए काम नहीं करते हैं।

1) का उपयोग tolerance pointer और do not use containment

$(".selector").sortable({ tolerance: "pointer" }); 

2) use a placeholder

$(".selector").sortable({ placeholder: "sortable-placeholder" }); 

"sortable-प्लेसहोल्डर" एक वर्ग आप अपने स्टाइलशीट में परिभाषित है। सुनिश्चित करें कि प्लेसहोल्डर एक ही चौड़ाई और ऊंचाई है जिस तत्व को आप ऊपर ले जाने की कोशिश कर रहे हैं।

3) force a placeholder size

$(".selector").sortable({ forcePlaceholderSize: true }); 

4) force a helper size

$(".selector").sortable({ forceHelperSize: true }); 

5) फ्लोट अपने ली तत्वों बाएं या दाएं

2

मैंने पाया कि यह केवल एक चीज है जो मेरी स्थिति में मदद की :

helper: "clone" 
+0

यह पूरी तरह से मेरे मुद्दे को भी ठीक कर दिया! धन्यवाद! –

संबंधित मुद्दे