問題タブ [jquery-tabs]

私は立ち往生しているようで、どちらが最善の方向かわかりません。

プロジェクトにいくつかのアプリがあり、3つのビューを1つのテンプレートに結合したいと思います。

彼の情報、最新のニュースフィード、および彼の写真を表示したいユーザープロファイルがあります

これを通して私はjQueryタブを利用しています

3つのタブを定義しました。そのうちの1つは通常のdivを呼び出し、他の2つは呼び出されるURLです。

<a href="wall/recent">wall</a>と <a href="photos/recent">photos</a>

ユーザープロファイルでは、アドレスバーに次のように表示されます http://localhost:8000/profiles/profile_name/

私 views.pyのためにwallそして photos次のように見えます

しかし、次に自分のプロファイルを見ると問題ありませんが、別のユーザープロファイルに切り替えると、情報の一部が表示されるように見えます。

request.userがログインしているユーザーを見ていることはわかっていますが、アドレスバーでそのユーザーを取得して渡すと、正しい情報が表示されます。つまり、profile_name= johnの場合、johnsの写真、最近の壁のアイテムなどが表示されます。

いくつかのタブを含むページがあり、特定のタブをクリックすると、他のページが動的に読み込まれます。唯一の問題は、タブをクリックするたびにこれらのページが読み込まれることです。最初のクリックで一度だけロードするにはどうすればよいですか?

私が使用するコードは次のとおりです。

ありがとう！

jQuery Address プラグインを使用して、jQuery UI タブをブックマーク可能にし、戻るボタンの履歴に準拠させています。よく働く。

ただし、ネストされたタブに同じ種類の「ディープリンク」を提供できるかどうか疑問に思っていましたか? たとえば、次のものがあります。

すべてがメイン（外側のタブ）で完全に機能します：

• タブの href リンクは URL に正しく配置されます。
• 外側のタブはブラウザの戻るボタンと進むボタンに従います
• 外側のタブはブックマーク可能です

ただし、内側のタブで同じタイプの機能を取得できないようです。

ネストされたタブが「メイン」タブの 1 つに含まれている場合、上記のバインド関数は $(this) を外側のタブとして認識します (ネストされたタブがクリックされた場合でも)。その結果、JavaScript コードはネストされたタブに対して正しく実行されますが、最後のメイン (外側) タブが選択されたタブであるかのように実行されます。

ネストされたタブが処理された後、最後のメイン (外側) タブが実行される前に、JavaScript の実行を停止する方法がわかりません。私が得ることができる最も近いのは、バインド関数に次を追加し、ネストされたタブを含む外側のタブで実行を停止することです。

明らかな何かが欠けていると確信しています。助言がありますか？

ありがとう！

現在選択されているタブのクリックイベントにjQueryタブでバインドしようとしています。タブを動的に作成しているので、ライブバインディングを行う必要があります。アイデアは、それがもう一度クリックされた場合、現在のタブをリロードしたいということです。

selectイベントでバインドしようとしましたが、すでに選択されているタブをクリックしてもこのイベントは発生しないようです。

また、標準のjQueryライブバインディングも試しました。

これもうまくいかないようですが、なぜだかわかりません。タブフレームワークがクリックイベントをインターセプトしていると推測できます。

何か案は？

私はjQueryを初めて使用します。ただ感じをつかもうとしています。ここでデモされたタブ機能が好きです：

http://jqueryui.com/demos/tabs/#mouseover

私はこれが本当に好きです、しかし私はそれがもう少しメニューのように振る舞うことを望みます。特に、タブのコンテンツをページのコンテンツの上に（メニューのように）表示したいと思います。また、タブをロールオーバーしたときと同じように、コンテンツが変更されます。タブをロールオーバーしなかったとき（または、ユーザーがページ上の他の場所をクリックしたとき）、タブのコンテンツを削除します（メニューなど）。

だから本当にメニューとして使いたいです。誰かが私の問題を解決できるメニューコントロールを知っていれば、それもうまくいくでしょう。アイテムにカーソルを合わせると、divがポップアップするという事実が好きです。各divにテキストと2つのボタンを配置したいと思います。

ありがとう！

これは私が最初に持っていたものです：これはヘッダーにあります：

そしてこれは体の中で：

最初の2つがajaxでロードされ、最後の2つが静的である4つのタブがある場合、デフォルトで2つのajaxタブをプリロードするにはどうすればよいですか？

今のところ、最初のタブのみが自動的にロードされ、クリックすると2番目のタブがロードされます。2つ目をクリックしたときにコンテンツが既に読み込まれるように、両方を読み込む必要があります。次のように、2番目のタブでloadイベントを呼び出そうとしました。

これにより2番目のタブが読み込まれますが、奇妙な理由により、最初のタブはまったく読み込まれません。別のタブをクリックして最初のタブをクリックしても、ロードされません。

それから私はこのようなことを試みました：

同じ結果、2番目のタブが読み込まれ、最初のタブは読み込まれません。

それらすべて（ajaxのもの）を自動的にロードするにはどうすればよいですか？

div 要素があります: <div id="tab1"> Tab data </div>.

この div が表示される (取得する) ときにカスタム イベントをバインドする方法はdisplay: block;?

また、この div が非表示 (gets) になったときにイベントをバインドしたいと思いdisplay: none;ます。

これをjQueryでやりたいです。

編集: ajax コンテンツを含む単純なタブを作成しています。このタブのコンテンツは、タブが表示されている場合にのみ ajax で更新されます。

タブの状態を作成し、アクティブにするのに助けが必要です ここに私のjavascriptとHTMLの一部があります ここにcssを入力できないようです 必要な場合はリクエストしてください 必要な場合は、どのタブでもアクティブな色と同じ色が表示される結合に境界線のないコンテナーの背景トップとサイドのタブにこれが必要ですこれを行う方法についてのヘルプは非常に高く評価されます

また、画像を投稿しようとしましたが、許可されていません

Javaスクリプト

});

上部のナビゲーション タブ

サイドナビゲーション

メインコンテナにラップされた5つのdivを含む

私は開発中のウェブサイトを持っています。ログイン後、ユーザーは jq タブのあるページに移動します。

メンバーページにはページネーションがあります - メンバーが見るページが複数ある場合があります。

ページネーションの頭の痛い問題に対処するために、メンバー ページのコードの一部を、タブ jQuery を使用する関数にダンプしました。

Firefox では、これはすべて機能します。

Chrome と Safari では、タブは表示されますが、デフォルトの最初のタブは選択されていません。対応する「ペイン」も非表示になります。下に何もなく、どのタブも選択されていないタブの行を考えてみてください。

最初のタブにはクラス「current」が必要で、ペインには CSS 属性「display:block」が必要です。これはまさに Firefox が提供するものです。

Chrome と Safari が立派なことをしないのはなぜですか?

最初からやり直さずにこの問題を解決する方法についてのご意見をお待ちしております。

余談ですが、Chrome と Safari の両方で、ページネーションは引き続き機能します。次のページは正常に表示されます。最初のページに戻ると、必要に応じてコンテンツと選択状態が表示されます。

ありがとう、トム

リンクテキスト

いくつかのタブを作成するための軽い jquery プラグインが必要です。私は検索していますが、ここで尋ねるとすぐに答えが得られると思います。