2

jquery-ui 1.8.x から 1.10.3 に切り替えた後、「tabs()」が期待どおりに動作しません....

質問: 「タブ キー」の機能を再度有効にする回避策はありますか?

ノート:

以前は、ユーザーは「タブ キー」を使用して各タブ/パネルを移動できました。-- これは機能しなくなり、「508 準拠」の問題に少し変わりました。

<base>(注: このアプリはurl タグを使用しません。)

アップデート:

したがって、「タブ」キーはタブキーであることがわかりますが、何らかの理由でフォーカスされたタブが検出されなくなった (または強調表示/アウトライン化された) ためです。これにより、機能していないように見えます。

(これは、jQuery-ui の新しいバージョンに切り替える際の CSS の変更によるものでしょうか) ?

コントロールを得るためにさまざまなcssエントリを試しました...

効果があるように見える唯一のものは、このセレクターです。

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

ただし、このセレクターは広すぎるため、他のウィジェットに影響を与えます。他の要素ではなく、フォーカスされたタブのみを「強調表示」したい。

では、どうすれば「タブ」のみを選択し、(フォーカス時に) 変更を加えることができますか?
(「タブ」関連のクラス名は、新しいjquery-uiバージョンで変更されたのでしょうか...)

おそらく - これは別の質問なので、新しい投稿を作成する必要がありますか?

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 に答える