несколько условий внутри функции щелчка не работает

0

С этим кодом и chk1 и chk2 как 0 невозможно мне угадать, что не так с этой простой функцией кода.

Как я знаю, существует много способов использования кликов js, таких как ".click()", ".on(" click ")" или ".onClick", но ни один из них не работает вообще. Взгляните на этот пример:

            regbtn.click(function() {
                            if(chk1 == 0){
                                if(chk2 == 1){
                                    box2.reverse();
                                    chk2 = 0;
                                }
                                box1.restart();
                                chk1 = 1;
                                }
                            });

        logbtn.click(function() {
                            if(chk2 == 0){
                                if(chk1 == 1){
                                    box1.reverse();
                                    chk1 = 0;
                                }
                                box2.restart();
                                chk2 = 1;
                                }
                            });

Есть ли причина, почему это не работает должным образом? и какой способ является самым новым и лучшим в использовании этих трех способов щелчка js-функций.

РЕДАКТИРОВАТЬ

regbtn и logbtn - 2 кнопки, которые открывают 2 разных коробки, box1 и box2 соответственно, chk1 и chk2 - проверить, открыто ли другое поле, и сначала отменить его, если это так.

Предупреждение не работает вообще ни в одном месте.

Это начальные переменные кода для работы с:

    var regbox = document.getElementById("regbox"),
        logbox = document.getElementById("logbox"),
        regbtn = document.getElementById("regbtn"),
        logbtn = document.getElementById("logbtn");
    var chk1 = 0,
        chk2 = 0;
Теги:
conditional

1 ответ

1
Лучший ответ

Вы пытаетесь применить методы JQuery к элементам DOM.

Вместо этого попробуйте использовать селектор JQuery:

   var regbox = $("#regbox"),
        logbox = $("#logbox"),
        regbtn = $("#regbtn"),
        logbtn = $("#logbtn");

Они возвращают объекты JQuery, связанные с соответствующими элементами DOM. Широкие (кросс-браузерные) методы на объекте JQuery - вот что делает его настолько мощным. Если вы обнаружите, что непосредственно используете элементы DOM, что часто является признаком чего-то менее портативного.

  • 0
    Awesome, Javascript и Jquery для меня - большая черная бесконечная пустота. большое спасибо

Ещё вопросы

Сообщество Overcoder
Наверх
Меню