更新：

Question

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

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

注意：

用户以前能够使用“tab键”移动每个标签/面板。 - 这已不再适用，并且已成为一个“508合规”问题。

（注意：此应用不使用<base>网址标记。）

更新：

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

（这是因为切换到新版jQuery-ui时CSS改变了吗？）

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

唯一看起来有效的是这个选择器：

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

然而，这个选择器太宽泛并影响其他小部件。我只想“突出”聚焦标签 - 而不是其他元素。

那么，我怎样才能选择并对焦点进行改变（仅在焦点上）？（在新的jquery-ui版本中，“tab”相关的类名是否发生了变化，我想知道......）

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

Answer 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版，因为它没有此问题。

从jquery-ui 1.8.x切换到1.10.3后，“tabs（）”无法按预期工作.... - 是否有解决方法使“tab键”再次工作？

更新：

1 个答案: