jquery “hasClass()” ne fonctionne pas?

J'ai besoin de cacher une div si un autre div a une classe.

J'ai créé un exemple de base ICI

J'ai besoin de la div sur le bas pour cacher lorsque le mot "clic".. eh bien.. cliqué. Il ajoute une classe au milieu de la div, mais il semble hasClass() ne veulent pas travailler?

REMARQUE: La structure doit être comme cela. Si le "clic" est cliqué, de modifier le milieu div (ajouter une classe?), et de manipuler le bas div basée sur le milieu de la div. Avec cette configuration, je ne peux pas juste faire "si le CLIC est cliqué, slideUp() le fond de la div".

Aussi, une fois "ok" ou "annuler" est cliqué, il va revenir, parce que le moyen div n'ont plus la classe. À condition que la méthode que je peux obtenir de travailler ici, haha.

  • vous dod réaliser, dans votre exemple, hasclass n'est appelée qu'une seule fois. Son pas un événement, sa ne va pas le feu à chaque fois que l'élément a de la classe. hasClass est une fonction destinée à être utilisée durant un événement pour vérifier si un élément a une classe spécifique
InformationsquelleAutor Xhynk | 2012-10-26
  1. 4

    votre if déclaration est en dehors de toute fonction, de sorte qu'il n'y a aucune raison pour qu'elle soit appelée après que le script est chargé.

    Voir ce violon, Je pense que c'est ce que vous voulez.

    • Merveilleux! Merci! @Tout le monde qui écrit - merci! J'ai donc besoin de mettre de l'utilisation au sein de la fonction elle-même - gotcha, merci 🙂
    InformationsquelleAutor EyalAr
  2. 3

    Sur une note de côté, une autre variante de vérifier si il y a une classe est: 

    if ( $('body.className').length ) {

    Vous recommandons tout de même hasClass bien. Juste agréable de voir des variations parfois.

    • Je pense que vous vouliez ajouter un espace entre le corps et l' .className
    • Je suis de vérifier si le corps de l'élément a de la classe
    InformationsquelleAutor Jack Nicholson
  3. 2

    Comme mentionné par d'autres, vous n'avez pas un appel à if sur tous les gestionnaires d'événements click. Créer une fonction personnalisée avec déclaration à l'intérieur de if et de l'appeler sur tout cliquez sur gestionnaire.

    Cochez cette violon

    InformationsquelleAutor Justin John
  4. 1

    Ce n'est appelé qu'une fois, lorsque le script se charge. Vous devez faire en sorte qu'il soit appelé dans votre .click(...) gestionnaire.

    if($('#timestampdiv').hasClass('hidepub')) {
    $('#major-publishing-actions').slideUp('slow');
}
    • J'étais juste en tapant ce mais vous avez me battre. Parce que tous vos événements sont liés à l'ancre <a> balises, vous pouvez mettre cette instruction si dans un cas similaire à: $("a").on("click", function(){ if($("#timestampdiv").hasClass("hidepub")){ $("#major-publishing-actions").slideUp("slow");});
    InformationsquelleAutor Mike Park
  5. 1

    Après l'ajout de la classe de l'élément DOM, ce qui devrait correctement masquer l'élément.

    $('.element').click(function()
{
    $('.thisElement').addClass('hidepub');
    if($('.thisElement').hasClass('hidepub')) {
         $('.thisElement').hide();
    }
});
    InformationsquelleAutor Jim
  6. 0

    Vous pouvez les combiner en une seule fonction, Et vous voulez que l'enregistrement à l'intérieur de l'fonctions de clic

    Vous pouvez réduire le addclass removeclass en utilisant toggleClass et en le passant dans une condition

    $('a.edit-timestamp,a.save-timestamp,a.cancel-timestamp').click(function() {
    var $tsdiv = $("#timestampdiv");
    //add class showpub if edit is clicked
    $tsdiv.toggleClass('showpub',$(this).hasClass('edit-timestamp'));
    //add class hidepub only if it wasn't edit that was clicked
    $tsdiv.toggleClass('hidepub',!$(this).hasClass('edit-timestamp'));  

    //then do your toggle                            
    if ($tsdiv.hasClass('hidepub')) {
        $('#major-publishing-actions').slideUp('slow');
    }else{
        $('#major-publishing-actions').slideDown('slow');
    }
});

    http://jsfiddle.net/JPcge/

    Vous pouvez l'inverser en inversant la logique adoptée dans le toggleClass() méthodes

    InformationsquelleAutor ᾠῗᵲᄐᶌ