Question

考虑到这一点JS：

$('.list-group > a').click(function() {
    $('html,body').animate({
        scrollTop: $(this).offset().top - 32
    }, 'slow');

    $(this).addClass('active-tab');
    $('.glyphicon',this).removeClass('glyphicon-chevron-down').addClass('glyphicon-chevron-up');
});


$(".active-tab").click( function() {
    $(this).removeClass('active-tab');
    $('.glyphicon',this).removeClass('glyphicon-chevron-up').addClass('glyphicon-chevron-down');
});

在第一次点击时，我添加了active-tab类，但如果有人点击该锚点（如标准切换），我希望删除此类。问题是active-tab类没有被删除。想法？

Answer 1

如果有人点击该锚点（如标准切换

），我希望删除此课程

这是一个疯狂的猜测。如果我理解正确

您需要使用Event Delegation。您必须使用委托事件方法来使用.on()。

即

$(document).on('event','selector',callback_function)

理想情况下，您应该将document替换为最近的静态容器。

实施例

$(document).on('click', '.active-tab', function () {
    $(this).removeClass('active-tab');
    $('.glyphicon',this).removeClass('glyphicon-chevron-up').addClass('glyphicon-chevron-down');
});

删除用作目标的类

1 个答案: