Jquery hasClass условно не работает - PullRequest
0 голосов
/ 29 марта 2010

Я пытаюсь сделать так, чтобы при щелчке по элементу навигации он убирал тикер новостей справа и больше не запускал никаких функций извлечения / таймера. Я получил это, чтобы убрать, но это все еще извлекает.

Как я это делаю, я добавляю класс noTicker с помощью кнопок навигации и удаляю его с помощью кнопки закрытия colorbox. Изначально функция запускается на странице, и если класса noTicker нет, она запускает тикер новостей, как и планировалось. При нажатии кнопки навигации или закрытия она снова запускает функцию, которая снова проверяет, есть ли у нее этот класс.

Так что, если у него есть класс, он должен убрать (что должно означать, что он добавляет класс должным образом), а затем не запускать какие-либо функции таймера, но по какой-то причине он все еще выполняет функции таймера. Вот мой JQuery. По словам Firebug, он также не удаляет класс должным образом при нажатии кнопки закрытия.

/* Initially hide all news items */

$('#ticker1').hide();
$('#ticker2').hide();
$('#ticker3').hide();

var randomNum = Math.floor(Math.random()*3); /* Pick random number */

newsTicker();

function newsTicker() {

    if (!$("#ticker").hasClass("noTicker")) {

        $("#ticker").oneTime(2000,function(i) { /* Do the first pull out once */

            $('div#ticker div:eq(' + randomNum + ')').show(); /* Select div with random number */

            $("#ticker").animate({right: "0"}, {duration: 800 }); /* Pull out ticker with random div */

        });

        $("#ticker").oneTime(15000,function(i) { /* Do the first retract once */

            $("#ticker").animate({right: "-450"}, {duration: 800}); /* Retract ticker */

            $("#ticker").oneTime(1000,function(i) { /* Afterwards */

                $('div#ticker div:eq(' + (randomNum) + ')').hide(); /* Hide that div */

            });

        });

        $("#ticker").everyTime(16500,function(i) { /* Everytime timer gets to certain point */

            /* Show next div */

            randomNum = (randomNum+1)%3;

            $('div#ticker div:eq(' + (randomNum) + ')').show();

            $("#ticker").animate({right: "0"}, {duration: 800}); /* Pull out right away */


            $("#ticker").oneTime(15000,function(i) { /* Afterwards */

                $("#ticker").animate({right: "-450"}, {duration: 800});/* Retract ticker */

            });

            $("#ticker").oneTime(16000,function(i) { /* Afterwards */

                /* Hide all divs */

                $('#ticker1').hide();
                $('#ticker2').hide();
                $('#ticker3').hide();

            });

        });

    } else {

        $("#ticker").animate({right: "-450"}, {duration: 800}); /* Retract ticker */

        $("#ticker").oneTime(1000,function(i) { /* Afterwards */

            $('div#ticker div:eq(' + (randomNum) + ')').hide(); /* Hide that div */

        });

    }

}

/* when nav item is clicked re-run news ticker function but give it new class to prevent activity */

$("#nav li").click(function() {

    $("#ticker").addClass("noTicker");

    newsTicker();

});

/* when close button is clicked re-run news ticker function but take away new class so activity can start again */

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

    $("#ticker").removeClass("noTicker");

    newsTicker();

});

Спасибо

Wade

1 Ответ

1 голос
/ 29 марта 2010

Не похоже, что ваш таймер everyTime () будет отменен, когда вы добавите класс noTimer в ваш #ticker div. Первый вызов функции newsTicker () предположительно приведет к этому, однако я не вижу, чтобы последующие вызовы остановили его.

Если я читаю правильную документацию, вы можете присвоить вашему таймеру метку (строку), затем, чтобы остановить ее, вы можете вызвать stopTime () и предоставить метку.

Вот документация, из которой я работаю: http://plugins.jquery.com/project/timers

...