2012-12-14 22 views
26

मैं क्रमबद्ध सूची से तत्व को कैसे बाहर निकाल सकता हूं? उदाहरण के लिए, कक्षा नाम 'नोट' वाला एक तत्व है जो मैं ड्रैगगेबल होना चाहता हूं?सॉर्ट करने योग्य सूची में खींचे जाने से तत्व को कैसे बाहर निकालना है?

<ul class="sortable"> 

      <li id="item_3">Item 3</li> 
      <li id="item_4">Item 4</li> 
      <li id="item_5">Item 5</li> 

      <p class="note">This is a note only</p> 
    </ul> 

jQuery ui sortable, jQuery not स्पष्ट रूप से काम नहीं करता है ...

$(function() { 
    $(".sortable:not(.note)").sortable(
    }).disableSelection(); 
}); 

उत्तर

35

आप रद्द उपयोग करने के लिए की जरूरत है।

कार्य उदाहरण देखें here

जे एस:

$(function() { 
    $('.sortable').sortable(); 
    $('.sortable').disableSelection(); 
    $('.sortable').sortable({ cancel: '.note' }); 
});​ 

@Zephyr बताते हैं, यह आइए आप फिर से व्यवस्थित भाई बहन खींचकर स्थिति, अगर आपको लगता है कि से बचना चाहते हैं, का उपयोग owise1 approach:

$('.sortable').sortable({ 
    items : ':not(.note)' 
}); 
+0

मदद के लिए धन्यवाद! – laukok

+0

@lauthiamkok समस्या नहीं है, मैंने अभी आपके उत्तर को आपके विशिष्ट प्रश्न पर अनुकूलित कर लिया है, इसलिए इसे देखें। :) – Trufa

+0

हाँ मैंने देखा कि आपने जवाब संपादित किया है। संपादन के लिए धन्यवाद! :- डी – laukok

20

आप इस्तेमाल कर सकते हैं sortable के "items" विकल्प:

$(".sortable").sortable({ 
    items : 'li' 
}); 

example

या ...

$(".sortable").sortable({ 
    items : ':not(.note)' 
}); 

example

+0

यह डेटासेट युक्त ' 'टैग के साथ भी काम करता है:' $ ("# table")। Sortable ({items: "[data-real-line]"}); '। –

3

कि स्पष्टत वाले आइटम बहिष्कृत कर सकते हैं:

$(".sortable").sortable({ 
    cancel: ".disable-sorting" 
});