单击手风琴后jQuery滚动

Question

我在移动视图上使用手风琴，我正在寻找一种方法，可以在点击时将访问者滚动到手风琴标题选项卡。

我的代码很有用，但由于“acctab”的位置在点击时发生了变化，因此滚动只会将您带到原始位置（如果这样做有意义）。

$(".acctab").click(function () {

        var target = this,
        $target = $(target);

        $('html, body').stop().animate({
            'scrollTop': $target.offset().top
        }, 300, 'swing', function () {
        });

     });

Answer 1

您遇到了race condition

您想在手风琴构造函数中使用手风琴activate回调，而不是观察元素上的click事件。

$("#tabs").accordion({
    activate: function (event, ui) {
        // Check the active tab
        if (ui.newPanel == 3) { // Or whichever tab you want to apply your action to
            // Your stuff
        }
    }
});

当手风琴完成打开给定标签的面板时，这将触发你的回调。