問題タブ [jquery-tabs]

ユーザーが持っている「計画」のリストがあり、それらのいずれか（divで区切られている）をクリックして、その情報をデータベースから動的にロードできるようにしたいと思います。

私の質問は、jQueryタブインターフェイスを使用してコンテンツをそのようにロードする必要があるのか​​、それともajax呼び出しをトリガーするボタンを使用するのかということです。私が考えていない、これを行うためのより簡単できれいな方法はありますか？

助けてくれてありがとう、それは大歓迎です！

jQuery-ui タブ内で、初めてjQuery フォームプラグインを使用しようとしています。フォームをタブにロードしてフォームを送信できます。リクエストは正常に処理され、データは計画どおりにデータベースに追加されます。クリーン バージョンのフォームにリダイレクトすると、HTML が再びタブに表示されますが、javascript エラーが発生$ is not definedします。フォーム ページで jQuery が最初に使用される行を参照しています。

まだ発見されていない魔法のようなものがあると思います。1回目でうまくいったなら、2回目もうまくいくはずですよね？

これが私が今していることです：

私のフォーム

ajaxを介してjQuery-uiタブ要素にロードされます

ロードされると、フォームプラグインが適用されます

更新：これも試してみましajaxSubmitたが、結果は同じです。2回目のロード時に「$は定義されていません」。ロード時にフォームプラグインを適用する代わりに使用しliveても、どちらも役に立ちませんでした。私は次に何をしようか本当に途方に暮れています。

タブ内にカルーセルを挿入しようとしています..すべてのタブ内にスライドショーがあるようにします。

最初のタブのスライド ショーは問題なく動作します。しかし、残りのタブは、コンポーネントが欠落しているために奇妙な動作をします

Tabify: http://www.unwrongest.com/projects/tabify/

jCarousel: http://sorgalla.com/projects/jcarousel/

リンク: http://bakasura.in/king/components.html

タブのヘッダーのみにスタイルを追加しようとしています。私の目標は、ユーザーがタブを変更するまでイベント ホバーに表示されるクラスを維持することです。私はこのようにしてみました

しかし、それを行うと、すべてのタブの背景が変更され、すべてのdivではなくヘッダーを変更したいだけです。

御時間ありがとうございます。

アップデート

私のhtml

イベントの作成時にタブにいくつかの変更を加える必要がありますが、イベント内の各タブへのアクセス方法がわかりません。

私はこのように試しましたが、うまくいきません。問題はセレクターであることを知っています。

私もこのように試されています

しかし、要素 ui には値がありません

jQuery タブへのリンクをタブ コンテンツの下に配置しようとしています。タブ ナビゲーションは独自の DIV に配置します (スタイル設定のため)。ここに私のマークアップがあります:

ナビゲーションに #fpTabs-nav の ul を使用してタブを有効にするにはどうすればよいですか?

ありがとう！

jQuery UI Tabsを使用しています。タブの 1 つが AJAX 経由で読み込まれます。オプションをcachetrueに設定すると、すべてが完全に機能しますが、... AJAXタブをクリックしてからすぐに別のタブに切り替えると、AJAXタブが即座に中止されたように見え、エラーが発生します(エラーテキストなし) ）。

テストとして、サーバー上で 2.5 秒の遅延が発生するタブをセットアップしました... AJAX タブをクリックして待つと... コンテンツが表示されます... しかし、前に別のタブに切り替えると2.5 秒経過すると、errorイベントが発生します。

問題は、別のタブに切り替えたという理由だけで AJAX が中止されないようにするにはどうすればよいかということです。

JQuery UI を使用して、ID/タイトルを事前に知らなくても、現在選択されているタブの html コンテンツを設定したいと思います。そうするための最良の方法は何ですか？ありがとう！

私は自分のページでJQueryタブを使用しており、借用したCSS設定/スクリプトを使用してコンテンツの下にタブを配置することに成功しました。

私のページの左側にはサイドバーがあり、ページの上部にはメニューバナーがあります。コンテンツは、上部のメニューバナーと下部のタブパネルの間に表示されます。

ページの下部に小さな空白スペースがあり、その結果、垂直スクロールバーが表示されていることに気付きました。このスペース（およびスクロール）を削除したいので、専門家の助けが必要です。

スペースはコンテンツのタブセクションが原因であることがわかっています。これは、他の主要な要素でFirebugと除去の手法を使用しており、タブを紹介したときにのみスペースが表示されるためです。

CSSのパディング、マージン、境界線の幅をゼロに設定しましたが、まだスペースが表示されています。

これが私のHTML、CSS、およびスクリプトです。

そして私のCSS：

私のJavascript：

//コンテンツの下部にタブを配置します：

次の長い質問でごめんなさい。問題のデバッグから得られたすべての調査結果を含めたので、長い時間がかかります。

ここで何が起こっているのか混乱しています。これをデバッグするのにしばらく時間を費やしましたが、問題が何であるかを理解できないようです。

で実行される2つの関数があり、page loadこれらのコードはこの質問の最後にあります。 getTabMenu()getTabFrame()

これらはすべてで正常に機能しpage loadます。

ただし、その後、（ブラウザを更新せずに）page loadこれらの関数を再度実行すると、つまり、データベースにレコードを挿入した後、上記の関数は少し余分なデータを取得します。何らかの理由で、新しく作成されたタブがクリックされたときに最初のタブページのコンテンツを開き続けます。すべてのIDが正しく割り当てられているように見えても、タブコンテンツの代わりに開く必要があります。ブラウザの更新ボタンを使用してページを表示するとすぐに、正しく機能し始めます...ajax styleclick eventhtmlJSONrefresh

デバッグ中にキャプチャした出力の一部を次に示しますhtml。json

ページの読み込み時：

getTabFrame()生成：

getTabMenu()生成：

page loadこれが発生し、すべてが正しく機能するため、すべてが良好に見えます。

データベースに新しい行を挿入し、ブラウザを更新せずに上記の関数を再実行すると、次のようになります。

getTabFrame()生成：

GetTabMenu()生成：

繰り返しますが、すべてが良さそうです。htmlとjsonスニペットの余分なデータに注意してください。

問題については、私が今clickオンにすると、 URLクエリ文字列を介しtab4てキー4を送信します。キーを送信する必要があります。つまり、キーを送信するため、キーを送信するをクリックした場合と同じページが表示されます。古いタブのいずれかをクリックして、正しいページを返します。問題を引き起こしているのは、新しく作成されたタブだけです。get_tab_content.aspx384tab04

したがって、ブラウザを更新すると、次のようになりますpage load。

getTabFrame()生成：

getTabMenu()生成：

これは、ブラウザを更新せずにボタンがクリックされたときに返される出力とまったく同じに見えることに注意してください。これは正しいことです。

今、私がクリックするとtab4、それは送信されます38、これは正しいです、そしてどのインターンが正しいページコンテンツを返します...

したがって、基本的に、関数を再実行すると正しいhtmlとjsonが生成されますが、ページの読み込み時に存在しなかった新しく作成されたデータは、ブラウザーが更新されるまで正しく機能しません。

なぜこうなった？

getTabMenu()関数は次のとおりです。

そしてここにgetTabFrame()機能があります：