Question

我正在使用bootstrap collapse（）脚本来展开/折叠div。我想在.hidden（）上追加window.scroll（）方法并在.shown（）中停止window.scroll（）。但是window.scroll（）总是附加到该div。

我的代码段

    $('body').delegate('#div1', 'shown', function() {
    $('#label').children('i').removeClass('icon-plus-sign');
    $('#label').children('i').addClass('icon-minus-sign');
    $(window).scroll(function(e) {
        e.preventDefault();
        e.stopPropagation();
    });
});

$('body').delegate('#div1', 'hidden', function() {
    $('#label').children('i').removeClass('icon-minus-sign');
    $('#label').children('i').addClass('icon-plus-sign');
    $(window).scroll(function() {
        var scrollTop = $(window).scrollTop();
        $('#content').stop().animate({
            "marginTop": (scrollTop + '40px;' : (scrollTop) + "px" }, "slow");
    });
})

Answer 1

$('body').delegate('#div1', 'shown', function () {
    $('#label').children('i').removeClass('icon-plus-sign');
    $('#label').children('i').addClass('icon-minus-sign');
    $(window).off('scroll');
});

$('body').delegate('#div1', 'hidden', function () {
    $('#label').children('i').removeClass('icon-minus-sign');
    $('#label').children('i').addClass('icon-plus-sign');
    $(window).on('scroll', function () {
        var scrollTop = $(window).scrollTop();
        $('#content').stop().animate({
            "marginTop": (scrollTop + '40px;': (scrollTop) + "px"
            },
            "slow");
        });
    })

注意：您应该使用.on()代替delegate

如何在特定事件后停止window.scroll（）

1 个答案: