jquery - UI 选项卡旋转窃取焦点

Question

我正在使用 jquery ui 选项卡并在幻灯片中使用旋转。

<ul class="ui-tabs-nav" id="slide-controls">
        <li class="ui-tabs-selected" id="slide-control-slide_1"><a class="selected" href="#slide_1">Slide 1</a></li>
        <li id="slide-control-slide_2"><a href="#slide_2">Slide 2</a></li>
        <li id="slide-control-slide_3"><a href="#slide_3">Slide 3</a></li>
        <li id="slide-control-slide_4"><a href="#slide_4">Slide 4</a></li>
</ul>

第一季度)我的幻灯片位于顶部，而我的页面相当长。因此，每次当我向下滚动到页面底部时，以及当幻灯片更改幻灯片(自动旋转)时，焦点都会落在上面的 anchor 标记上。所以看起来 jquery ui 选项卡旋转抢走了我的注意力。任何帮助将不胜感激。

第二季度)另一个问题 - 如何阻止元素聚焦？ (某种程度上与我之前的问题有关)

谢谢

Answer 1

您需要设置幻灯片的高度。这是您的答案的解决方案 JQuery UI Tabs Causing Screen to "Jump"