2012-12-28 8 views
-1

Comment définir quelque chose avec css() le code suivant? J'ai essayé mais ça ne marche pas!JQuery & CSS - css() ne fonctionne pas

J'ai cherché un moyen de le faire mais je n'arrivais toujours pas à le trouver! Pas même ici: http://api.jquery.com/css/

PAS travailler

$('#MyClass123').css('content:url','("image.jpg")'); 
$('#MyClass123').css('content','url("image.jpg")'); 
$('#MyClass123').css('content:url("image.jpg")'); 

travail

<style> 
.MyClass123{ 
    content:url("image.jpg"); 
} 
</style> 

<img class="MyClass123"/> 
+0

Il est non seulement une coïncidence que jQuery utilise [étendues] sélecteurs CSS .. alors comment le « fonctionnement » et « travail » diffèrent? –

+0

Dans tous les cas, prenez le temps d'appliquer le dépannage - "ne fonctionne pas" n'est pas une bonne description du problème. Un petit test montrerait que $ (..) 'sélectionne 0 éléments .. bien, bien, alors pourquoi? –

+0

@pst ok merci, mr. – Th3B0Y

Répondre

6

le second en pas de travail serait bonne façon de le faire. Cependant, cela ne fonctionne pas parce que vous choisissez un ID appelé MyClass123, lorsque vous devez sélectionner une classe:

$('.MyClass123').css('content','url("image.jpg")'); 
+0

Tu l'as eu pour moi. Lol – SpYk3HH

+0

@kennypu Oh mon .. HAHAHAHA .. Je ne peux pas croire que je manquais ça! Je vous remercie! – Th3B0Y

+0

Voir ma réponse ci-dessous. Vous devriez utiliser $ ('img.MyClass123') à la place. – marcinx

1

changement #-.

Votre instruction select est à la recherche d'un identifiant pas une classe.

Quand je reçois sur mon pc Kater mal donner u plus d'informations, MPEE zomeone sera assez bon pour mettre à jour cette réponse

jQuery sélectionner les états devraient ressembler exactement à leurs homologues css

+0

Merci! Cela me manquait, ma distraction! – Th3B0Y

0

Vous devez utiliser $('img.MyClass123') au lieu. $('#MyClass123') sélectionne un élément avec le id MyClass1234, par ex. <img id="MyClass123" />.

Fondamentalement, chaque sélecteur qui commence par un hachage (#) indique que vous recherchez un identifiant. Les sélecteurs avec des points (.) Indiquent que vous recherchez des cours. La différence entre les identifiants et les classes est que plusieurs éléments peuvent avoir la même classe mais qu'un seul élément peut porter un identifiant distinct en même temps.

En ligne avec cela, vous pouvez également utiliser le sélecteur $('.MyClass123'). Il trouverait TOUS les éléments avec la classe MyClass123 cependant. En tant que tel, il peut renvoyer un élément différent de l'image que vous recherchez. Par exemple <a href="#" class="MyClass123"> pourrait être apparié. L'utilisation du composant img avant le point est plus distincte.

Vérifier: http://www.w3schools.com/cssref/css_selectors.asp

+0

Merci! Cela me manquait, ma distraction! – Th3B0Y