jQuery toggleClass не работает? - PullRequest
Новая
       12

jQuery toggleClass не работает?

5 голосов
/ 02 ноября 2010

Проще говоря: строка currentItem.toggleClass('open'); не работает.

Точнее, при проверке результатов с помощью firebug я вижу, что класс "open" мигает (появляется и сразу исчезает) на соответствующем элементе. Таким образом, эта функция запускается дважды (конечно, я нажимаю только один раз).

Может кто-нибудь объяснить мне, почему это и как это предотвратить?

Вот мой код jQuery: 

$('div.collapse ul.radio_list li input[type=radio]').click(function (event) {

    var currentTree = $(this).parent().parent().parent();
    var currentItem = $(this).parent().parent();
    var currentGroup = currentItem.attr('rel');

    $(this).parents('ul').children('li').removeClass('select');
    if ($(this).is(':checked')) {
        currentItem.addClass('select');
    }

    currentItem.toggleClass('open');

    var currentLevel = 0;
    if (currentItem.is('.level1')) {currentLevel = 1;}
    if (currentItem.is('.level2')) {currentLevel = 2;}
    if (currentItem.is('.level3')) {currentLevel = 3;}
    var nextLevel = currentLevel + 1;

    currentTree.children('li').filter('li[rel ^=' + currentGroup + '].level' + nextLevel).animate({'height': 'show', 'opacity': 'show'}, 250).addClass('currentChild');
});

А вот часть моего HTML-кода, немного упрощенная для лучшей читабельности (я не очень хорош, я знаю, но у меня ограниченный контроль над выводом HTML): 

<div class="col_left collapse">
    <ul class="radio_list" rel="7">
        <li class="onglet level0" rel="group1">
            <span class="onglet level0">
                <input type="radio" />
                    <label>Services Pratiques</label></span>
            <input type="hidden" value="1">
        </li>

Заранее спасибо.

Ответы [ 4 ]

12 голосов
/ 02 ноября 2010

Проблема решена: файл JS фактически был дважды включен в заголовок HTML, что вызвало двойной запуск функции при каждом щелчке.

2 голосов
/ 31 августа 2011

У меня была похожая проблема на моем сайте, и я обнаружил, что я случайно продублировал хук переключателя полностью внизу, когда впервые возился с ним.К сожалению!Обязательно ищите двойные звонки!

1 голос
/ 17 декабря 2015

У меня была та же проблема, и я понял, что случайно связал функцию дважды. Первоначально я хотел перенести код из одного файла javascript в другой, но случайно оставил оригинал на своем месте.

1 голос
/ 17 апреля 2013

У меня была похожая проблема:

HTML: 

<a>JS-link</a>

js: 

$('a').click(function(event) {
    ... my stuff ...
    # Forgot to do event.preventDefault(); !!
}

приводит к тому, что клики регистрируются дважды!

...