2

从 jquery-ui 1.8.x 切换到 1.10.3 后，“tabs()”无法按预期工作......

问题： 是否有解决方法可以再次启用“tab 键”？

笔记：

用户以前可以使用“tab 键”在每个选项卡/面板中移动。--这不再有效，并且已经成为一个“508合规”问题。

（注意：此应用不使用<base>url 标签。）

更新：

因此，事实证明“tab”键是tab，但是，因为无论出于何种原因，焦点选项卡不再可检测（或突出显示/概述）。这使它看起来好像不起作用。

（这会是因为切换到新版本的 jQuery-ui 时 CSS 发生了变化）？

我尝试了各种css条目来获得控制权......

唯一似乎有效果的是这个选择器：

    .ui-widget :focus     
    { 
        border-style: inset !important;
        border-width: 5px !important;
    }

但是，此选择器过于宽泛，会影响其他小部件。我只想“突出显示”焦点选项卡 - 而不是其他元素。

那么，我如何才能选择并仅对“选项卡”进行更改（聚焦）？
（新的jquery-ui版本中与“tab”相关的类名是否发生了变化，我想知道......）

也许 - 因为这是一个不同的问题，我应该创建一个新帖子？

4

1 回答 1

1

您需要在哈希链接中​​使用站点的完整 URL。这是一个例子：

<div id="loginTabs">    
    <ul class="nav nav-tabs">
        <li><a href="<?php echo $_SERVER["REQUEST_URI"]; ?>#parent-login">Parent Login</a></li>
        <li><a href="<?php echo $_SERVER["REQUEST_URI"]; ?>#staff-login">Staff Login</a></li>
        <li><a href="<?php echo $_SERVER["REQUEST_URI"]; ?>#student-login">Student Login</a></li>
    </ul>

    <div id="parent-login">
        <?php $this->showLoginForm("parent"); ?>
    </div>

    <div id="student-login">
        <?php $this->showLoginForm("student"); ?>
    </div>

    <div id="staff-login">
        <?php $this->showLoginForm("staff"); ?>
    </div>
</div>

我建议您为您的项目使用 1.8.x 版本，因为它没有这个问题。

于 2013-09-18T22:59:23.543 回答