javascript - .on() 没有按预期工作

Question

我有一个弹出的模式，当它再次打开时，我希望滚动条位于顶部，而不是用户可能离开的位置。我正在使用 .on 和 scrollTop 但它不起作用。但是，当我在 firebug 控制台中运行代码行时，它确实有效。

$("#mainContentWindow").on("click", ".question-toggler", function (event) {
    $(".modal-body").scrollTop(0);
    $("#helpSectionDialog").modal('show');


    var helpClass = $("#main-content-pane > div").attr("id");
    $(".help-content").hide();
    $(".help-content." + helpClass).show();
});

Answer 1

我刚刚使用 jQuery 和 Bootstrap 自己遇到了这个问题。我通过为“显示”事件添加一个处理程序来解决它，该事件立即为 scrollTop 设置动画（持续时间为 0）。

假设您有一个 id 为 'notice' 的模态框，其正文 id 为 'noticeBody'：

// reset notice scrolling
$('#notice').on('shown', function(){
    $('#noticeBody').animate({scrollTop:0}, 0);
});

我相信您看到的问题是由于在隐藏 div 时移动滚动条的问题，但您的里程可能会有所不同（YMMV）。