JQuery 滑块将页面重新聚焦在选项卡旋转上答案

【问题标题】：JQuery slider refocuses page on tab rotationJQuery 滑块将页面重新聚焦在选项卡旋转上
【发布时间】：2012-03-21 15:54:53
【问题描述】：

我有一个简单的 JQuery Slider 可以在选项卡中旋转以显示不同的博客故事标题和图片。问题是，如果您在滑块下方的任何位置查看页面，每次滑块旋转时，它都会自动移动页面，以便您再次查看滑块。

如果您位于博客滑块上方，则不会发生这种情况。

请帮忙！

我的代码：

$(document).ready(function(){
    $("#featured").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 8000, false);
    $("#featured").hover(  
        function() {  
            $("#featured").tabs("rotate",0,false);  
        },  
        function() {  
            $("#featured").tabs("rotate",8000,false);  
        }  
    );

【问题讨论】：

如果您发布您正在使用的滑块可能是谨慎的。
我正在使用 Jquery UI 的特色内容滑块，位于：webdeveloperplus.com/jquery/…
似乎无法重现该错误。介意我们看到你的其余代码吗？

标签： jquery focus slider

【解决方案1】：

一个很好的答案是： JQuery UI Tabs Causing Screen to "Jump"

正如 Mike Petrovich 所解释的，在旋转标签动画中有一个点，其中传出和传入的 div 都设置为 display:none。这会导致页面的垂直高度缩小，从而使显示“跳跃”向上。

【讨论】：