問題タブ [jquery-ui-tabs]

以前、jquery-ui tabs拡張機能を使用して を介してページ フラグメントをロードしたり、ページ内の非表示のajaxを隠したり表示したりしdivました。これらの方法はどちらも十分に文書化されており、問題はありませんでした。

しかし今、私はタブで何か違うことをしたいと思っています。ユーザーがタブを選択すると、ページ全体がリロードされる必要があります。これは、タブ化された各セクションのコンテンツをレンダリングするのに多少コストがかかるためです。そのため、一度にすべてを送信して通常の方法を使用したくありませんそれらを表示するために「display:none」を切り替えます。

私の計画は、タブのイベントをインターセプトし、selectdocument.location を操作してその機能でページをリロードすることです。

selectハンドラーで、新しく選択されたタブ インデックスとそれに対応する html LI オブジェクトを取得するにはどうすればよいですか?

新しく選択されたタブまたはその中のアンカータグのインデックス、ID、またはオブジェクトを与えることができるイベントまたは ui オブジェクトの属性はありますか?

または、タブを使用してページ全体をリロードするより良い方法はありますか?

jQuery タブでフォーム ウィザードを作成しようとしています。

フォームの各ステップを個別のビューに表示し、jQuery/AJAX タブ オプションを介してそれぞれをロードすることは可能ですか? AJAX で部分フォームをロードすると、js、css などにアクセスする方法がありません。部分ファイルの「ヘッダー」がないためです。親ページから継承しているようには見えません。回避策として、すべてのフォームを 1 ページにまとめて、s でタブに分割しています<div>。これでうまくいきますが、js をオフにするとあまり意味がありません (ただし、アプリは js に依存しており、社内では js 対応のブラウザーでのみ使用されます)。

私は CodeIgniter を使用していますが、この質問はどの MVC フレームワークでも有効だと思います。

ネストされたjqueryタブに問題があり、ヘルプ/ポインターが必要です。

現在、5つの親タブがあり、各親タブの下にいくつかのサブタブがあります。

ページが読み込まれたときに、特定の親タブとその子タブの1つをアクティブにしたいと思います。

特定の親タブをアクティブ化することはできますが、子タブでは同じことが機能しません。

誰かが同様の問題に直面し、共有するための解決策を持っているかどうか私に知らせてください。

リファレンス-http://docs.jquery.com/UI/Tabs

ありがとう＆よろしく、アジェイ

jQuery UI tabsの最新バージョンを使用しています。ページの下部にタブを配置しました。

タブをクリックするたびに、画面が上に向かってジャンプします。

どうすればこれを防ぐことができますか?

次の例を参照してください。

http://5bosses.com/examples/tabs/sample_tabs.html

この特定の質問が以前に尋ねられたことは知っていますが、プラグインでbind()イベントを使用しても結果が得られません。jQuery UI Tabs

indexタブがクリックされたときにアクションを実行するには、新しく選択したタブが必要です。bind()select イベントにフックすることはできますが、現在選択されているタブを取得する通常の方法は機能しません。新しいものではなく、以前に選択されたタブ インデックスを返します。

現在選択されているタブを取得するために使用しようとしているコードは次のとおりです。

このコードを使用すると、ui オブジェクトが戻ってきundefinedます。ドキュメントから、これは、ui.tab を使用して新しく選択したインデックスにフックするために使用しているオブジェクトである必要があります。tabs()私はこれを最初の呼び出しとそれ自体で試しました。ここで何か間違ったことをしていますか？

上記のコードはに変換されます

IE7 -myprofile.aspx?uid=933fdf8e-1be0-4bc2-a269-ac0b01ba4755&result=saved

FF -myprofile.aspx?uid=933fdf8e-1be0-4bc2-a269-ac0b01ba4755&result=saved#main

IE7 がアンカーをドロップするのはなぜですか?

編集:これをjQuery UIのタブコントロールと組み合わせて使用​​していることに言及する必要があります。ポストバックを特定のタブに移動したい。

コンポーネントを使用して、jQuery UI Tabsホバーで新しいタブをクリックする代わりに選択することは可能ですか？

ここで例を見つけましたが、これは最新の（安定した）バージョンのjQueryおよびjQueryUIタブでは機能しないようです。

最後に、開発者の1人が、これはその後リリースされたTabs 3のオプションになると述べていますが、APIでそれについての言及を見つけることができません。

以前のバージョンでjQuery tabsは、以下を使用して、タブの高さをグループ内で最も高いタブの高さに自動的に設定するオプションがありました。

ただし、これはでは機能しないようですjQuery UI 1.5.3。

このオプションは削除されましたか？もしそうなら、同じ機能を取得する別の方法はありますか？

私は自分のWebページにjquery-UIタブとjcarousel liteプラグインの両方を持っています.IEを除くすべてのブラウザでうまく動作します.jcarousel JSを取り出すとタブが正常に動作します。

この問題や修正方法について何か提案はありますか? ありがとう

JQueryタブを使用しています。問題は、タブが多すぎると、一部のタブが次の行に押し込まれ、レイアウトが奇妙に見えることです。<div>タブの「width」プロパティを設定していません。<div>タブを次の行に押し込む代わりに、自動ストレッチする方法はありますか？

助けてくれてありがとう