jQuery UI选项卡-显示选项重置窗口位置

当我使用jQuery UI中的选项卡和以下简单模板时：

<div id="products-tabs">
    <ul>
        <li><a href="#product-1">Product 1</a></li>
        <li><a href="#product-2">Product 2</a></li>
    </ul>

    <div id="product-1">
        Product 1
    </div>
    <div id="product-2">
        Product 2
    </div>
</div>

$('#products-tabs').tabs({
    show: { effect: "fadeIn", duration: 800 }
});

然后一切正常。但我想添加选项卡之间不同交换的效果。例如：

<div id="products-tabs">
    <ul>
        <li><a href="#product-1">Product 1</a></li>
        <li><a href="#product-2">Product 2</a></li>
    </ul>

    <div id="product-1">
        Product 1
    </div>
    <div id="product-2">
        Product 2
    </div>
</div>

$('#products-tabs').tabs({
    show: { effect: "fadeIn", duration: 800 }
});

它可以工作，但当我在页面底部有选项卡时，当我单击其中一个选项卡时，窗口的位置会重置回顶部。我怎样才能预防它

---

在这里摆弄：（只需滚动到输出窗口的底部，查看我的意思）

更新jquery版本，jquery 2.1.0或1.9.1工作正常。

更新jquery版本，jquery 2.1.0或1.9.1工作正常。

更新jquery版本，jquery 2.1.0或1.9.1工作正常。

更新jquery版本，jquery 2.1.0或1.9.1工作正常。

激活选项卡后，您可以调用回调以跳转到页面底部

activate: function(){
    $("html, body").animate({ scrollTop: $(document).height() }, 1000);
}

---

如下所示：

激活选项卡后，您可以调用回调以跳转到页面底部

activate: function(){
    $("html, body").animate({ scrollTop: $(document).height() }, 1000);
}

---

如下所示：

激活选项卡后，您可以调用回调以跳转到页面底部

activate: function(){
    $("html, body").animate({ scrollTop: $(document).height() }, 1000);
}

---

如下所示：

激活选项卡后，您可以调用回调以跳转到页面底部

activate: function(){
    $("html, body").animate({ scrollTop: $(document).height() }, 1000);
}

---

如下所示：

将选项卡div包装到另一个固定高度div中：

<div id="wrapper">your tabs</div>

您的选项卡

---

将标签div包装在另一个固定高度div中：

<div id="wrapper">your tabs</div>

您的选项卡

---

将标签div包装在另一个固定高度div中：

<div id="wrapper">your tabs</div>

您的选项卡

---

将标签div包装在另一个固定高度div中：

<div id="wrapper">your tabs</div>

您的选项卡

---

对不起，这里不允许这样做。我们有很多脚本，如果我将jquery更改为新版本，它们将停止工作。不幸的是（纠正它们将是…嗯）我改变了主意，我做了一个简单的更正，在不同的模块上使用不同版本的jquery，因此您的解决方案目前看起来是最好的。谢谢！：）对不起，这里没有这个选项。我们有很多脚本，如果我将jquery更改为新版本，它们将停止工作。不幸的是（纠正它们将是…嗯）我改变了主意，我做了一个简单的更正，在不同的模块上使用不同版本的jquery，因此您的解决方案目前看起来是最好的。谢谢！：）对不起，这里没有这个选项。我们有很多脚本，如果我将jquery更改为新版本，它们将停止工作。不幸的是（纠正它们将是…嗯）我改变了主意，我做了一个简单的更正，在不同的模块上使用不同版本的jquery，因此您的解决方案目前看起来是最好的。谢谢！：）对不起，这里没有这个选项。我们有很多脚本，如果我将jquery更改为新版本，它们将停止工作。不幸的是（纠正它们将是…嗯）我改变了主意，我做了一个简单的更正，在不同的模块上使用不同版本的jquery，因此您的解决方案目前看起来是最好的。谢谢！：）似乎是一个选择，如果没有人想出更好的。。。谢谢似乎是一个选择，如果没有人想出更好的。。。谢谢似乎是一个选择，如果没有人想出更好的。。。谢谢似乎是一个选择，如果没有人想出更好的。。。谢谢如果符合您的要求，则必须将包装分区设置为最高选项卡。如果符合您的要求，则必须将包装分区设置为最高选项卡。如果符合您的要求，则必须将包装分区设置为最高选项卡。如果符合您的要求，则必须设置包装分区作为你的最高标签。