問題タブ [jquery-ui-tabs]

独自のインデックスを使用してタブを動的に作成しましたが、タブを追加しようとすると、jQuery が独自のインデックスを提供しています。

デフォルトのインデックスを使用しないようにするにはどうすればよいですか?

例 ：

独自のインデックス「0」で動的に作成しようとすると動作しますが、同時に独自のインデックスが生成されます。

どうすればこれを回避できますか? 私を助けてください。

jQuery UI 1.7.2 を使用してその場でタブを追加しようとしています。まず、タブに属するコンテンツを保持する div を作成し、次に $('#tabs').tabs("add",...) を呼び出します。jQuery UI は、タブ リストに新しい li を正しく追加します。ただし、タブ div にクラス属性を作成する代わりに、偽の ID を持つまったく新しいタブ div を作成し、その上にクラスを作成します。

生成されるマークアップは次のとおりです。

MyTab1 などの div は、タブにしたいものです。ui-tabs-41 のような div は、jQuery UI が独自に生成することを決定したものです...その理由はわかりません。

タブを変更しようとすると問題が発生します

以下のコードは機能しています

正常に動作しています

以下のコード

動かない

nextTab 変数は有効なタブ インデックスです

私は何が欠けていますか？

asp.net Webサイトの複数のasp.netページ（First.aspx、second.aspx、Third.aspx）でjqueryタブ（First、Second、Third）を使用しており、各ページでul、liコードを書いています。たとえば、First.aspx ページでは、「ul」タグ内に次のコードを記述しています。

同様に、second.aspx、Third.aspx ページでも Class="current" を使用して、選択したタブを強調表示しています。 .しかし問題は、マスターページの場合、選択したタブに class="current" を適用する方法がわからないことです。誰か助けてください。

前もって感謝します。

jquery ui タブを使用しています。add、show などのイベントがいくつかあります。追加する前にタブの幅を設定する必要があるため、タブが html に追加される前にトリガーされるイベントが必要です (動的な幅の目的で私はCSSを行うことができないようです）。

タブが実際に追加される前にトリガーされるプレショーイベントを作成する方法はありますか?

UI タブを使用して、外部ページを tabcontent-DIV にロードするときに問題が発生しました。ページが読み込まれると、このページのすべての jQuery が機能しなくなったようです。コールバックについて何か読んだことがありますが、まったく明確ではありません。

例: 外部ページを ui-tabs で読み込みます。読み込まれたコンテンツには、index.html で jQueryed として自動的に非表示になる DIV が含まれます。jQuery クリック イベントは、ライブ イベントが機能していることを示すためにのみ追加されます。しかし、コンテンツを読み込んだ後、自動非表示を機能させることができません。

index.html

loadcontent.html

私は何が欠けていますか？

UI タブによって外部からロードされたページの jQuery アクションをどこで定義する必要があるのか​​ 疑問に思っています。

たとえば、3 つのタブを含む index.html ページがあります。各タブをクリックすると、extern1.html、extern2.html、extern3.html が読み込まれます。これら 3 つの外部ページには、いくつかの jQuery アクション (onload-actions、onclick-actions など) が必要です。

外部ページのすべての jQuery コードをインデックスに配置し、外部ページの 1 つをロードすると、タブをクリックしても、この jQuery コードは外部ロード ページに影響しません。

外部ページのすべてのjQueryコードを外部ページ自体に配置すると、問題が発生します(私は思います)。タブ/外部ページを複数回ロードすると、jQueryコードが何度もロードされるからですよね?

では、jQuery コードをどこに置く必要があるのでしょうか。（何かの例？）

どうもありがとう！

外部ページ 1 を ui-tab (これは難しい部分ではありません) にロードしようとしていますが、次に、2 番目のレベルのページをページ 1 の DIV に自動的にロードしたいと考えています。

だから、私は 3 つの html ページを持っています: - index.html - external1.html - external1A.html

index.html jQuery は、external1.html を div 'tabcontent' にロードし、external1A.html を external1.html に定義された div 'content' にロードします (すべての jQuery はメインの index.html で定義する必要があります)。

external1.html で定義されているリンクをクリックすると、別の external1B.html が external1.html で定義されている DIV の「コンテンツ」に読み込まれます。tab-2 を読み込むと、external2.html などを読み込みます...

そこで、index.html を読み込んで最初のタブのコンテンツ (external1.html) を読み込み、次に external1A.html を external1.html で定義された DIV 'content' に読み込みます。

私のページは次のようになります。

index.html

external1.html

external1B.html

最後に、次の画像のように なります。Tab は external1 をロードし、external1A を external1 の DIV にロードします

通常、ページ レベルをフラットに保とうとしますが、この場合はこの方向にロードする必要があります。

jQuery がどのように見えるか分かりますか?

どうもありがとう！

jQuery UI ライブラリのタブウィジェットで AJAX 呼び出しを使用して、タブのコンテンツを設定します。

私のコードはそのように見えます:

それは正常に動作し、タブをクリックするたびに、AJAX 呼び出しの応答によってタブのコンテンツが取り込まれます。

タブを2回クリックすると、最後の応答が直接表示されるように、AJAX呼び出しの応答をキャッシュしたいと思います(最終的にはキャッシュされます)。

出来ますか？（きっとそうですよね…）。はいの場合、それを行う最も簡単な方法は何ですか? (コードスニペットは大歓迎です)

他のタブの 1 つから (ajax 以外の) タブをロード/選択するには、

ただし、アクティブなタブをリロードできるようにする必要があり、上記の方法は機能しません。どちらでもない

これを達成する方法についてのアイデアはありますか?

** ソリューション **

jQuery 'tabs' プラグインで、以下を含む行を置き換えます。

と

ページに css を追加するか、jQuery css ファイルを編集すると、次のようになります。

これによりタブが変更され、以前にクリックされた場合でも常に選択可能になります。