पर एक कस्टम क्लास जोड़ना मैं ui-autocomplete div में कस्टम क्लास कैसे जोड़ूं? मेरे पृष्ठ पर लोड होने वाले कई स्वत: पूर्ण विजेट हैं और उनमें से कुछ ड्रॉप डाउन को अलग-अलग स्टाइल करने की आवश्यकता है, इसलिए मैं केवल ui-स्वत: पूर्ण वर्ग को संपादित नहीं कर सकता। मैं jQuery UI combobox कोड (http://jqueryui.com/autocomplete/#combobox) के साथ काम कर रहा हूं और, उस कोड को बदलकर, मैं बनाए गए ui-autocomplete div में एक वर्ग जोड़ना चाहता हूं। इस विधि कस्टम वर्गों को जोड़ने के लिएjQuery UI के ui-autocomplete Combobox Div
12
A
उत्तर
18
$("#auto").autocomplete({
source: ...
}).autocomplete("widget").addClass("your_custom_class");
0
उपयोग बॉक्स
_renderMenu: function(ul, items) {
var that = this;
$.each(items, function(index, item) {
that._renderItemData(ul, item);
});
$(ul).find("li:odd").addClass("odd");
}
+0
मैंने अपने कोड पर सटीक स्निपेट जोड़ा और कुछ भी नहीं हुआ। यह विधि कब चलती है? मैंने _create के तुरंत बाद जोड़ा: विधि – Colin
10
देरी के लिए खेद ड्रॉप डाउन करने के लिए)। नीचे कोड पर एक नज़र डालें।
$("#auto").autocomplete({
classes: {
"ui-autocomplete": "your-custom-class",
},
...
});
इसका मतलब है कि जहाँ भी jQuery यूआई ui-autocomplete
वर्ग पर लागू होता है यह भी your-custom-class
लागू करना चाहिए:
$(function() {
$("#auto").autocomplete({
source: ['aa', 'bb', 'cc', 'dd']
}).data("ui-autocomplete")._renderItem = function (ul, item) {
ul.addClass('customClass'); //Ul custom class here
return $("<li></li>")
.addClass(item.customClass) //item based custom class to li here
.append("<a href='#'>" + item.label + "</a>")
.data("ui-autocomplete-item", item)
.appendTo(ul);
};
});
4
सीधे शब्दों में classes
तर्क का उपयोग करें।
यह किसी भी jQuery UI विजेट के लिए प्रासंगिक है, न केवल स्वतः पूर्ण। documentation देखें।
संबंधित मुद्दे
- 1. आप jQuery UI combobox
- 2. JQuery UI बाउंस प्रभाव - div
- 3. jQuery-UI संवाद रैपर div मुद्दा
- 4. Jquery ui combobox (स्वतः पूर्ण) गायब हो जाता है
- 5. jQuery UI
- 6. अर्थपूर्ण यूई combobox
- 7. JQuery UI
- 8. jQuery सत्यापन प्लगइन के साथ jQuery UI combobox मानों को कैसे सत्यापित करें?
- 9. JQuery-UI
- 10. jquery ui
- 11. jquery ui संवाद
- 12. jQuery UI स्वत: पूर्ण मूल्य
- 13. JQuery Ui और इलेक्ट्रॉन
- 14. JQuery UI 1.8.10 अपरिभाषित
- 15. jquery ui कंटेनर
- 16. jQuery ui स्क्रॉल बार
- 17. डेटपिकर ui jquery
- 18. jquery ui टैब ईवेंट
- 19. jQuery-UI Resizable: स्केल सभी भी resizable div
- 20. jQuery-UI draggable: div माउस का सही क्षैतिज
- 21. Jquery UI टैब AngularJS
- 22. jquery change div text
- 23. jQuery ui पूर्णस्क्रीन संवाद
- 24. jquery ui
- 25. jQuery-UI
- 26. jQuery UI
- 27. JQuery UI
- 28. jQuery UI
- 29. Jquery ui $ ([])
- 30. jquery ui
इनपुट में कक्षा जोड़ती है, लेकिन संबद्ध स्वत: पूर्ण सूची नहीं। – user1032531
प्रश्न स्टाइल की आवश्यकता वाले 'ड्रॉप डाउन' को संदर्भित करता है और यह केवल इनपुट को संशोधित करता है। – karmasponge
इस सहायता के लिए धन्यवाद आदमी –