問題タブ [jquery-tabs]

Webサイトの製品ページにjQueryUIタブを使用しています。一部のページには2つのタブがあり、一部のページには3つのタブがあります。テキストリンクから最後のタブを開きたいです。jquery tabs apiは、タブインデックス（3番目のタブを開くために2としましょう）を知っている場合に特定のタブに移動する方法を示しています。以下のコードを試しましたが、役に立ちませんでした。お知らせ下さい。ありがとう。

asp mvc 2 アプリケーションで jQuery タブを使用しています。

以前は、私のコードはすべてのブラウザーで機能していました (つまり、タブは正常に機能していました):

ここで、リスト コードを (新しい要件に) 変更しました。また、タブは IE 7 および 8 では機能しません (つまり、すべてのタブのビューが最初のタブに表示されます)。

変更されたコードは次のとおりです。

以前のバージョンのコードを使用することはできないため、使用するように言わないでください。2 番目のバージョンは Chrome と Firefox でうまく機能するため、IE7 と 8 で機能するようにする必要があります。

ありがとう

プロジェクトにhttp://jqueryfordesigners.com/jquery-tabs/を使用していますが、タブを使用するJavaScriptコードは次のようになります。

タブのhtmlは次のようになります。

問題は、ページが読み込まれたときにデフォルトで選択されて表示される2番目のタブを設定するにはどうすればよいですか？JavaScriptコードで「first」のすべてのインスタンスを「second」に置き換えようとしましたが、機能しません...

これは、http： //jqueryfordesigners.com/demo/tabs.htmlをおもちゃにするためのcssを備えたデモページです:)

助けてください！

更新 2:

より単純なスクリプトの場合、jquery live を使用して、動的に作成された dom を操作します。それがここの問題ですか？

更新 1:

ajax をセクションget_tab_frame.aspxの外に移動しようとしましたが、$("#tabs").tabs({奇妙な結果が得られました。つまり、タブの内容がなく、書式設定されていないタブ名が返されるだけです。次に、これらのフォーマットされていないタブをクリックして、タブの内容を表示する代わりに新しいウィンドウを開きます。

元の質問:

次のスクリプトはうまく機能します。これは、3 つのタブを作成tabs.aspxし、クエリ文字列に基づいて各タブのコンテンツを取得するだけtabです。

次のスクリプトを使用して、コンテンツをデータベース生成し、id="tabs"jquery を使用して、生成された html を div タブに挿入しようとしています。id="tabs"

これは何らかの理由で機能しません。get_tab_frame.aspxまったく同じhtmlを生成しても、空白の画面が表示されます。

私は何を間違っていますか、どうすればこれを機能させることができますか?

次のスクリプトを使用して、ページにタブを動的に追加しています。

ここでresults、jsonデータが含まれています。

id次のスクリプトを使用してタブを取得しようとした場合を除いて、これはすべて機能します。

id上記のループのタブにが設定されていないかのように、その行は何も返しません。

ただし、手動でadd tabs and idsと入力すると、その行は正常に機能します。

この手動HTMLの場合、行はまたはのいずれかを$("li.ui-tabs-selected").attr("id")返します。tab_1tab_2

id上記のループを使用してタブを作成するときに、タブを取得するにはどうすればよいですか？タブを追加するときにIDを指定する必要があると思いますか？しかし、それは単なる仮定です。その場合、どうすればIDを与えることができますか？

私は ajax を使用して div 内にいくつかのコンテンツをロードしています。これには jQueryVericalTabs プラグインが含まれます。ただし、スタイルが機能せず、書式設定されていないテキストが表示されるだけです。

FF の Web 開発者ツールを使用すると、インデックス ページで正しく呼び出されているにもかかわらず、レンダリングされたソースが CSS ファイルのスタイルにリンクしていないことがわかります。CSS を index.php のコンテンツ ファイルに直接書き込んで、body タグ内に配置し、javascript を使用する場合と使用しない場合 (プラグインのデモによる)、およびこの投稿の提案も試みましたが、どれも機能しませんでした。他に試してみてください。ヘッダーは次のようになります。

別のプラグイン、verticalTabs を試してみましたが、タブ タイトルは正しい書式で表示されますが、タブ コンテンツは表示されません。私はまだ最初のプラグインを使用したいと思いますが、HTML はずっときれいです。

ご意見をお待ちしております。

Tab1、Tab2、Tab3があります...すべてのタブには検証済みの入力があります...

私のsaveメソッドは、必要な入力を検証します。

正常に動作しています...しかし、「エラー」がある最初のタブを選択したいのですが...どうすればよいですか？

ありがとう

私は自分のページのテンプレートシステムとしてjQoteを使用しています。テキストで何が起こっているのかを説明するのに苦労したので、ビデオをアップロードしました。

http://www.youtube.com/watch?v=ugw4lIsF0HM

基本的に、正しくレンダリングされる場合もあれば、エラーが発生したくない場合もあります。ChromeとFirefoxはレポートとエラーを報告しません。また、Chromeで検査を行った場合、正しくレンダリングされない場合でも、正しくレンダリングされる場合でも、出力は同じです。

これは私のコードです。

私は考えられるすべてを試しました。ファイルを頭からページの一番下まで移動しました。順序を変更しました。何が起こっているのかわかりません。

これは、それを見る必要がある人のための私のjsonです。

誰かがこれを見たことがあるかどうかは知りませんでした。$ {文字のため、jqueryテンプレートに切り替えることができません。PlayFrameworkはそれが好きではありません。

$ .getJSON呼び出しと関係があると感じています。これは、setTimeout関数を使用して、1または10のように設定すると、正しく完了しないためです。

助けてくれてありがとう。

編集：

これは完全なコードです。

これは私のデータテーブル関数です

これを$.getJSONのcomplete（）関数に入れてみましたが、かなりの量のデータであるため、window.loadが必要です。でも何かが足りないかもしれません。

私のデータテーブルは時々起動します。時々それはただハングし、何も起こりません。

私はこのサイトに取り組んでいますhttp://gitastudents.com/~hattrupn/final/site/index-f.html の古いバージョンでエラーが発生しているようです。その特定のタブにない限り、青色にする必要があります。また、古いバージョンのFirefoxでは、方向をクリックすると、別のタブをクリックしてiframeがタブを台無しにし、それらを右に押します。これを修正したり、私を正しい方向に向けたりするのを手伝ってくれる人に本当に感謝します。

私がこれを持っているとしましょう：

タブページ JS:

タブ 1 の内容:

基本的に、タブは機能しますが、タブの内容を操作できません。どうすればこれを修正できますか?

私のタブの多くには、モーダル ウィンドウを起動するコンテンツ内のボタンがあります。これは私が到達しようとしているものです。