jQuery एडक्लास शैली गतिशील रूप से लागू नहीं होता

Question

मैं अपने पृष्ठ में कुछ ड्रॉपडाउन सूचियों के लिए गतिशील रूप से शैली लागू करने की कोशिश कर रहा हूं। JQuery एडक्लास का उपयोग करके वास्तव में कक्षा को सभी 'चयन' तत्वों में जोड़ दिया जाता है, क्योंकि मैं इसे अपने क्रोम कंसोल से देख सकता हूं। हालांकि शैलियों को तत्वों पर लागू नहीं किया जाता है।

अब यदि मैं व्यक्तिगत रूप से प्रत्येक चयन तत्व में कक्षा को मैन्युअल रूप से जोड़ता हूं, और फिर पृष्ठ को सहेजता हूं और इसे रीफ्रेश करता हूं, तो शैली तत्व पर लागू होती है।

कोई विचार क्यों jquery कक्षा इंजेक्शन के साथ स्टाइल लागू नहीं है?

$("select").addClass("select js-select"); 

Answer 1

आपने कहा कि शैलियों को लागू नहीं किया गया है, लेकिन क्या वे चुनिंदा इनपुट में "जेएस-सिलेक्ट का चयन करें" वर्ग हैं? फिर सीएसएस या शायद ब्राउज़र के साथ कुछ समस्या होनी चाहिए।

$ ("चयन करें")। एडक्लास (..) काम करना चाहिए, यह आवश्यक नहीं है कि आप आईडी या कक्षा द्वारा निर्दिष्ट करें।

Answer 2

इस उदाहरण काम करता है:

<p><a href="#" id="clicker">Add Class</a></p> 
<div id="select">Hello World</div> 

जावास्क्रिप्ट

$("#clicker").click(function() { 

    $("#select").addClass("select js-select"); 
}); 

अपने कोड को देख से ऐसा प्रतीत होता है कि $ ("का चयन करें") या तो एक आईडी या वर्ग चयनकर्ता होना चाहिए इस पर। उन चयनकर्ताओं में से एक होने के कारण, आपका कोड शैलियों को लागू करने के लक्ष्य को जानेंगे। अन्यथा आपका कोड ठीक काम करता है।

शुभकामनाएं, और उम्मीद है कि इससे मदद मिलती है।

Answer 3

यदि आप ऑनडोड को ऑनलोड पर बदलते हैं तो ठीक काम करता है। http://jsfiddle.net/gc3wQ/9/