hasClass and condition not working

» javascript » hasClass and condition not working

By : Donna

Date : November 24 2020, 05:47 AM

seems to work fine For some reason, this isn't launching

code :

Share :

Using .hasClass() in if condition is not works

By : alexey.kochnov

Date : March 29 2020, 07:55 AM

like below fixes the issue Are you looking for something like this. Simply adds new Child class if the div doesn't have. If you need to add new child div inside mother div then you just have to customize the code a bit.
http://jsfiddle.net/ETuZB/3/

If hasClass condition not working jquery

By : Erison Miller

Date : March 29 2020, 07:55 AM

Hope this helps I am trying to find out how to show/hide an element depending on the fact whether the element ".question a" has the class "checked" or not. But it isn't working. Anybody knows why ;( ? , Try like

code :

$(document).ready(function() {
    var myLink = $(".question a");
    if (myLink.hasClass('checked')) { //You can also use $(this).hasClass
        $('.answer').show(300);
    }
    else {
        $('.answer').hide(300);
    }   
});

$(myLink).on('click',function(){
    if ($(this).hasClass('checked')) { 
        $('.answer').show(300);
    }
    else {
        $('.answer').hide(300);
    }
});

Why does my if/else condition with hasClass only fire first condition?

By : Naomi Anderson

Date : March 29 2020, 07:55 AM

To fix the issue you can do This issue appears to be related to the media boxes plugin that you have used. If you take the $('#grid').mediaBoxes({ ... }); part out of the broken JSFiddle you have provided, it works perfectly as expected. You can see this fix in the updated JSFiddle here.
To work around this issue, you need to handle the clicks on the a tags inside the list items as well:

code :

$('ul.categorylist > li, ul.categorylist > li a').on('click', function() {
    ....
});

If hasClass condition jquery not working properly

By : user3528994

Date : March 29 2020, 07:55 AM

wish helps you Change to use delegated event handlers, attached to a non-changing ancestor element, each with a matching selector:
e.g. like this:

code :

$(document).on('click', "#bottone1.cliccatoInvoca1_OnReady", function() {
    alert("cliccatoInvoca1_OnReady");
    keys = [];
    $('input[name="multiselect_select-1"]:checked').each(function () {
         keys.push(this.value);
    });
});

$("#b1").click(function () {
     invoca1();
     $("#bottone1").removeClass("cliccatoInvoca1_OnReady noClass").addClass("cliccatoInvoca1");
 });

$(document).ready(function () {
    $("#select-1").multiselect();
    invoca1();
    $("#bottone1").addClass("cliccatoInvoca1_OnReady btn btn-default");

    $("#b1").click(function () {
        invoca1();
        $("#bottone1").removeClass("cliccatoInvoca1_OnReady noClass").addClass("cliccatoInvoca1");
    });

    $("#b2").click(function () {
        invoca3();
        $("#bottone1").removeClass("cliccatoInvoca1").addClass("cliccatoInvoca3");
    });

    $(document).on('click', "#bottone1.cliccatoInvoca1", function () {
        alert("cliccatoInvoca1");
        keys = [];
        $('input[name="multiselect_select-1"]:checked').each(function () {
            keys.push(this.value);
        });
    });

    $(document).on('click', "#bottone1.cliccatoInvoca3", function () {
        alert("cliccatoInvoca3");
        keys = [];
        $('input[name="multiselect_select-1"]:checked').each(function () {
            keys.push(this.value);
        });
    });
});

hasClass in if condition is not working

By : ehrgeiz

Date : March 29 2020, 07:55 AM

like below fixes the issue You must put your code in the $(document).ready callback. Right now it's executed before the #booklist element is added to the DOM.