jQuery addClass ne s'applique pas de style de façon dynamique

J'essaye d'appliquer un style dynamique à quelques listes déroulantes dans ma page. À l'aide de jQuery addClass, en effet, ajouter à la classe de tous les Sélectionner des éléments, que je puisse voir ce à partir de ma console Chromée. Cependant, les styles ne sont pas appliquées aux éléments.

Maintenant, si je l'ajouter manuellement à la classe de chaque élément select individuellement, puis enregistrez la page et l'actualiser, le style est appliqué à l'élément.

Aucune idée pourquoi le style n'est pas appliqué avec jquery classe injection?

$("select").addClass("select js-select");
Pouvez-vous poster un exemple sur jsFiddle?
Pourriez-vous poster un exemple de HTML et CSS?
Merci de poster un Violon. Aide-nous à vous aider!

OriginalL'auteur Antonio Herrera | 2012-07-30

  1. 2

    Vous avez dit que les styles ne sont pas appliquées, mais ce sont les classes "sélectionnez js-sélectionnez" ajouté à l'sélectionner les entrées? Ensuite, il doit y avoir un problème avec le css ou peut-être le navigateur.

    $("select").addClass (..), il n'est pas nécessaire de spécifier un ID ou une classe.

    Vous avez raison, une fois que j'ai réalisé qu'il était en fait le ciblage de l'élément select.
    Ce problème est maintenant résolu. Voici le violon avec l'injection fonctionne correctement. Le problème était avec le css et le javascript. Ils pouvaient ne pas fonctionner correctement lors de l'ajout d'eux en tant que ressources dans le violon, cependant lors de l'ajout d'eux que des liens au lieu de cela, il fonctionne très bien. Violon: lien
    Donc tout fonctionne maintenant? Heureux de vous aider ;).
    Veuillez upvote et de les marquer comme réponse

    OriginalL'auteur LazyTarget

  2. 2

    Cet exemple fonctionne:

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

    javascript

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

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

    En regardant ton code, il semble que le $("select") doit avoir un ID ou un sélecteur de classe. En ayant un de ces sélecteurs, votre code de connaître la cible d'appliquer les styles. Sinon pour ton code fonctionne très bien.

    Bonne chance, et espérons que cette aide.

    Voici le jsfiddle, j'espère que vous les gars peuvent m'aider: lien

    OriginalL'auteur Chris

  3. 0

    Fonctionne très bien si vous modifiez le onDomReady à onLoad.
    Comme dans http://jsfiddle.net/gc3wQ/9/

    Toujours pas de travail. Les styles appliqués sont assez substantielle, et ils seraient très visibles. Je vois que l'utilisation de 'onLoad' est de l'injection de classes, cependant, les styles ne sont pas appliquées. Pourtant, si vous mettez manuellement les classes de l'sélectionner des éléments, les styles sont appliqués.
    Maintenant, il fonctionne, mais pas dans jsFiddle. jsfiddle.net/gc3wQ/11 Prendre l'habitude de l'emballage de tous vos jQuery code à côté de l'un: $(document).ready(function(){ }); Voir aussi: docs.jquery.com/...
    Êtes-vous en voyant les styles appliqués à jouer du violon? Je ne suis toujours pas les voir. S'il vous plaît ajouter les styles d'abord manuellement, pour avoir une idée des styles, je suis en train d'injecter. Je suis l'injection de ces styles dans une dynamique de formulaire sur ma page, donc, théoriquement, si je peux injecter les styles en sélectionner les éléments que j'ai créer sur le dom, je devrais être en mesure d'introduire les styles sur de créer dynamiquement des éléments.
    Le style est modifié dans jsFiddle: lien. Essayez avec $(document).ready(function(){ //code }); si cela ne fonctionne pas dans votre code réel.

    OriginalL'auteur LazyTarget