2

シンプルな JQuery UI タブ メニューが機能しており、最初のリンク (ホーム) を除くすべてのリンクが展開/折りたたみされ、「ホーム」項目をクリックすると同じページにリダイレクトされるように設定しました。

    $("#tabs").tabs({
    collapsible: true,
    select: function(event, ui) {
        if (ui.index == 0){//home
            window.location.href = 'test.html';
        }
    }
});

これは機能しますが、「ホーム」タブがアクティブで、他のタブを初めてクリックすると、何らかの理由で両方のタブにアクティブなクラスが適用されます。これは初回のみ発生します。同じタブまたは別のタブを再度選択しても、その問題は発生しません。これをトラブルシューティングする方法がわかりません。

ここでデモを見ることができます

4

2 に答える 2

0

セレクターで first() を使用してみてください。参照は次のとおりです。http://api.jquery.com/first/

お役に立てれば。

于 2012-10-01T16:38:43.550 に答える
0

2 つの問題:

  1. 「#」の href がエラーを引き起こしている
  2. ホームへの参照がない場合もエラーが発生するようです。

http://jsfiddle.net/D7kqG/3/は、必要な機能を備えているようです-「ホーム」divのスタイルを設定して、高さ/幅がないようにする必要があります。

編集:これが機能することを期待していたでしょう:

http://jsfiddle.net/D7kqG/4/

（つまり、クリックされるたびにホームタブを折りたたむ）しかし、クラスを追加していません...

わかりました、これはまさにあなたが望むものでなければなりません: http://jsfiddle.net/D7kqG/5/

ホームタブのコンテンツdivを自動的に折りたたんだり展開したりしています。

于 2012-10-01T16:47:04.153 に答える