2009-07-23 11 views
5

मैं निम्नलिखित jQuery-कोड है:Jquery: एक वर्ग को जोड़ने के लिए और भी एक अजीब सूची-तत्वों

<script type="text/javascript"> 
    $(document).ready(function() { 
     $ ('ul.image-list li:even').addClass ('even'); 
     $ ('ul.image-list li:odd').addClass ('odd'); 
    }); 
</script> 

और निम्नलिखित एचटीएमएल:

<ul class="image-list"> 
<li>first element</li> 
<li>second element</li> 
... 
<li>last element</li> 
</ul> 

हालांकि jQuery होना प्रतीत नहीं होता है लागू, क्योंकि ली-टैग उचित वर्ग (यहां तक ​​कि अजीब) नहीं मिलता है। मैं क्या गलत कर रहा हूं? धन्यवाद

+0

मुझे (और काम करता है) के लिए ठीक लग रहा है। चलो अपने सीएसएस देखें। – ScottE

+0

मेरे लिए भी काम करता है। –

उत्तर

10

यह मेरे लिए ठीक काम करता है। आपको लगता है कि यह आपके कोड में क्यों काम नहीं कर रहा है?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
<head> 
    <title></title> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 
    <script type="text/javascript"> 
     $(document).ready(function() { 
      $ ('ul.image-list li:even').addClass('even'); 
      $ ('ul.image-list li:odd').addClass('odd'); 
     }); 
    </script> 
    <style> 
     .even{ 
      background: gray; 
     } 
     .odd{ 
      color:red; 
     } 
    </style> 
</head> 
<body> 

<ul class="image-list"> 
    <li>first element</li> 
    <li>second element</li> 
    <li>third element</li> 
    <li>fourth element</li> 
    <li>fifth element</li> 
    <li>last element</li> 
</ul> 

</body> 
</html> 
0

addClass और ( के बीच की जगह

$ के साथ भी यही करें और अपने चयनकर्ता

आप Firebug का उपयोग कर रहे हैं, अगर आप कर रहे हैं निकालने का प्रयास करें, एचटीएमएल को देखें, और अगर वर्ग के नाम कर रहे हैं लागू किया जा रहा है या नहीं। यदि वे हैं, तो आप बस अपनी स्टाइलशीट को लिंक करना भूल गए हैं। यदि वे नहीं हैं, तो आपके जावास्क्रिप्ट में कुछ गड़बड़ है।

+1

फ़ंक्शन नाम और कोष्ठक के बीच एक स्थान पूरी तरह से स्वीकार्य है। –

+0

तो ऐसा लगता है ... हम्म ... – peirix

+0

स्टाइल शीट लागू की जा रही है, लेकिन कोई कक्षा लागू नहीं की जा रही है – andrej

0

सबसे पहले, क्या आप वाकई अपने स्टाइल शीट को अपने पृष्ठ में डाला है? मैं अक्सर यह भूल जाता हूँ। दूसरा, क्या आपने jquery जेएस फ़ाइल को अपने पेज में डाला है? मैं इसे अक्सर भूल जाता हूँ। तीसरा, क्या peirix कहते हैं और यह काम करना चाहिए। मुझे नहीं लगता कि इसमें क्या गलत है।

0

क्या यह संभव है कि आप गतिशील रूप से ली बनाते हैं? उस स्थिति में कक्षा को जोड़ने के लिए कॉल तैयार नहीं होना चाहिए() लेकिन ली के सम्मिलन के बाद कॉलबैक पर।

+0

और मैं कॉलबैक पर कक्षा कैसे जोड़ूं? – andrej

+0

और सूची एएसपी के साथ आबादी है: दोहराना। हालांकि मैंने सोचा, इसे "गतिशील रूप से" कहा जाएगा, या मैं गलत हूँ? – andrej

4

आप वैकल्पिक रूप से उपयोग कर सकते हैं: .filter (": अजीब")। AddClass ("अजीब")

संबंधित मुद्दे