Question

I’m trying to execute a piece of code each time a specific element has a certain class in jQuery.

The problem I’m experiencing is that the code only executes once, then seems unactive. I’m using an if statement, but I also tried while. When I tried while the nothing really worked so that wasn’t a good idea. Is there any solution? Here’s the code:

if($(".slide:first").hasClass("active-slide")) {
    $(".prev").hide();
    $(".next").click (function () {
        $(".prev").show();
    });
}

Answer 1

JQuery queries are performed only once. You could execute it in an interval:

var checkPage = function(){
    if($(".slide:first").hasClass("active-slide")) {
        $(".prev").hide();
        $(".next").click (function () {
            $(".prev").show();
        });
    }
}

var intrvl = setInterval( checkPage, 300 );

This might work, but it could become really slow on big pages.

I’d rather attach the checkPage() function to the slide change event.