Jquery: Aggiunta di una classe per anche una strana List-Elementi

Ho il seguente jquery-code:Jquery: Aggiunta di una classe per anche una strana List-Elementi

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

e il seguente codice HTML:

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

Tuttavia il jquery non sembra essere applicato, perché i tag li non ottengono le classi appropriate (pari o dispari). Che cosa sto facendo di sbagliato? grazie

fonte

2009-07-23 andrej

guarda bene a me (e lavora). Vediamo il tuo css. – ScottE

Funziona anche per me. –

Questo funziona bene per me. Perché pensi che non funzioni nel tuo codice?

<!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>

fonte

2009-07-23 11:41:50 PetersenDidIt

~~provare a rimuovere lo spazio tra addClass e (~~

~~Stesso con $ e il vostro selettore~~

Si sta utilizzando Firebug, se, guarda il codice HTML, e vedere se i nomi delle classi sono essere applicato o meno. Se lo sono, hai semplicemente dimenticato di collegare il tuo foglio di stile. Se non lo sono, allora c'è qualcosa di sbagliato nel tuo javascript.

fonte

2009-07-23 11:40:35 peirix

Uno spazio tra il nome della funzione e la parentesi è perfettamente accettabile. –

quindi sembra ... hmm ... – peirix

foglio di stile viene applicato, ma nessuna classe viene applicata – andrej

Prima di tutto, sei sicuro di aver inserito il foglio di stile nella tua pagina? Spesso lo dimentico. In secondo luogo, hai inserito il file jquery js nella tua pagina? Lo dimentico molto spesso. In terzo luogo, fai ciò che dice Peirix e dovrebbe funzionare. Non vedo cosa c'è di sbagliato in questo.

fonte

2009-07-23 11:41:57

È possibile che si crei il li dinamicamente? In questo caso la chiamata per aggiungere la classe non dovrebbe essere pronta() ma su una richiamata dopo l'inserimento di li.

fonte

2009-07-23 12:28:43

e come posso aggiungere la classe sul callback? – andrej

e l'elenco viene popolato con un asp: ripetitore. Comunque pensavo, questo si sarebbe chiamato "dinamicamente", o sbaglio? – andrej

in alternativa è possibile utilizzare: .filter (": dispari"). AddClass ("dispari")

fonte

2009-07-23 12:31:37

Jquery: Aggiunta di una classe per anche una strana List-Elementi

risposta

Problemi correlati