jQuery यूआई Selectables - शुरू

Question

मैं jQuery यूआई Slectable http://jqueryui.com/demos/selectable/

एक बार प्रारंभ (बस उस लिंक पर डेमो में) की तरह उपयोग कर रहा हूँ वस्तुओं के बाहर से खींचें: चुन कर। ड्रैग-चयन केवल तभी काम करता है जब मैं ऑब्जेक्ट के शीर्ष पर माउस बटन दबाता हूं। अगर मैं वस्तुओं के बाहर से ड्रैग-चयन शुरू करता हूं, तो चयन काम नहीं करता है।

क्या इसे सक्षम करने का कोई तरीका है ताकि उपयोगकर्ता चुनिंदा वस्तुओं के बाहर ड्रैग-चयन शुरू कर सके?

Answer 1

'चयन योग्य' में माउस इवेंट श्रोता उस रैपर तत्व से जुड़ा हुआ है जिसे आपने इसे संलग्न किया है। इसे शरीर से जोड़कर और फ़िल्टर प्रदान करके आप जो भी खोज रहे हैं उसे प्राप्त कर सकते हैं।

jQuery उदाहरण के आधार पर:

$('body').selectable({ filter: '#selectable li' }); 

* संपादित करें: क्योंकि this._trigger के दुर्भाग्य से ("बंद करो", घटना); यह पृष्ठ पर अन्य घटनाओं को रोक देगा।

आपका सबसे अच्छा समाधान

Answer 2

यह व्यवहार पहले से ही हो रहा है, तो आप सिर्फ यह नहीं देख सकते हैं बस selectables बड़ा आसपास आवरण बनाने के लिए हो सकता है। *!

बस अपने ul.selectable के लिए सीएसएस समायोजित करें ताकि यह ठीक से li पर फ़्लोट हो।

#selectable{ 
    overflow: hidden; 
}