Jquery ui - sortable: सॉर्ट करने योग्य तत्व के भीतर आइकन 'हैंडल' द्वारा खींचें

Question

मेरे पास jquery ui सॉर्टेबल ठीक काम कर रहा है लेकिन मेरे सॉर्ट करने योग्य तत्वों के भीतर अन्य इंटरैक्टिव तत्व हैं। क्रमबद्ध divs के भीतर तत्वों के साथ बातचीत करते समय आकस्मिक सॉर्टिंग को रोकने के लिए, मैं किसी भी प्रकार सॉर्टेबल्स के लिए ड्रैगिंग आंदोलन को केवल तब करना चाहता हूं जब सॉर्ट करने योग्य के भीतर एक निश्चित तत्व खींचते हैं, जैसे 'चाल' आइकन जो रह सकता है प्रत्येक क्रमबद्ध के शीर्ष बाएं कोने में। क्या यह जेनेरिक jqui के साथ संभव है, या मुझे अपना खुद का हुक लिखना होगा?

Answer 1

विकल्प handle प्लगइन के बारे में आपको यह परिभाषित करने की अनुमति देता है कि वह तत्व है जो इस तरह की शुरुआत कर सकता है। आप एक चयनकर्ता या तत्व प्रदान कर सकते हैं।

आप इस एचटीएमएल, .handler साथ है, तो तरह शुरू करने के लिए संभाल होने के लिए:

<ul class="sortable"> 
    <li> 
     <span class="handle"></span> 
     My element 
    </li> 
</ul> 

इस तरह विकल्प लागू करें:

$(".sortable").sortable({ handle: '.handle' }); 

आप अपने संभाल तत्व शैली दे सकते हैं लेकिन आप पसंद।