2011-03-24 12 views
5

मैंने अभी अपने ऐप में कुछ jquery UI की भलाई इंजेक्शन शुरू कर दी है और मामूली समस्या के साथ संघर्ष कर रहा हूं। मेरे पास चुनिंदा प्लगइन काम कर रहा है लेकिन मुझे एकाधिक चुनने के लिए खींचते समय दिखाने के लिए लासो मार्की बॉक्स चीज मिल सकती है।jQuery यूआई चयन योग्य: दिखाने के लिए चींटियों शैली लासो मार्चिंग कैसे करें?

कार्य उदाहरण jQuery यूआई साइट पर:http://jqueryui.com/demos/selectable/#default

मेरे प्रयास:http://jsbin.com/amare5/2/edit

इस्तेमाल किया कोड jQuery यूआई साइट के उदाहरण के एक सटीक प्रतिलिपि है। मैं क्या खो रहा हूँ?

उत्तर

4

आप jQuery UI सीएसएस फ़ाइल खो रहे हैं। इसे आजमाएं: http://jsbin.com/amare5/4। मैं <head> को यह कहा:

<link rel="stylesheet" href="http://jqueryui.com/themes/base/jquery.ui.all.css"> 
+4

काम किया! पूरे स्टाइल शीट को आयात करने के बिना मुझे बस इस लाइन की आवश्यकता है: .ui-selectable-helper {position: absolute; जेड-इंडेक्स: 100; सीमा: 1 पीएक्स काला काला; } – wilsonpage

9

काम किया! धन्यवाद @ मैटबॉल! पूरे शैली पत्रक आप सिर्फ इस खंड की जरूरत आयात करने के लिए होने के बिना:

.ui-selectable-helper{ 
    position:absolute; 
    z-index:100; 
    border:1px dotted black; 
} 
0

आप संवाद विंडो के शीर्ष पर चयनकर्ता लाने की जरूरत है, तो अपने स्टाइलशीट में यह कहीं न कहीं परिभाषित:

.ui-selectable-helper{ 
    z-index: 101; /* 101 or more */ 
} 
0

यदि आप केवल ui-selectable-helper class परिभाषा की तलाश में हैं, तो आप बस चयन योग्य सीएसएस आयात कर सकते हैं।

<link rel="stylesheet" href="http://jqueryui.com/themes/base/selectable.css">