問題タブ [twitter-bootstrap]

私が試したことの適切な部分はここにあります：

クリックすると、リクエストが行われるのがわかりますが、ポップオーバーにデータが入力されません。ポップオーバーのHTMLがDOMに追加されることすらありませんが、それはファイアバグである可能性があります。

誰かがこれを試しましたか？

RailsアプリでのJavaScriptの問題。

Twitterのドキュメントは物事を非常に単純にしていますが、タブを動的に機能させることはできません（タブの切り替えとドロップダウン）。私は彼らのソースコードをまっすぐにコピーし、彼らのjavascriptをダウンロードして、それを私のrailsアプリのapplication.jsファイルに含めました。何が欠けているのかわからない。

HTMLファイル：

Application.jsファイル：

プロジェクトにTwitterブートストラップを使用しています-特にそのタブ機能（http://twitter.github.com/bootstrap/javascript.html#tabs）

これでこのタブリストができました。タブを押すと、個々のタブのコンテンツに切り替わります。ただし、このコンテンツはページにプリロードされています（すべてのタブのコンテンツのhtmlコードはすでに存在します。タブを押すことによってのみ、表示を変更できます）。

ただし、特定のタブが押されたときにのみコンテンツを動的にロードしたいので、ページ全体がロードされたときのデータではなく、最新のデータを取得します。

これにはjQueryを使用する予定です。しかし、タブが押されたときに特定のjquery関数が呼び出されるようにするにはどうすればよいですか？

タブがクリックされたときにアラートを表示しようとしましたが（それが機能する場合は、jQuery関数も機能します）、それでも機能しません。

そして私のhtml：

これを機能させる方法について何かアイデアはありますか？

Twitterのブートストラップタブの動作については、これを参照してください：（http://twitter.github.com/bootstrap/javascript.html#tabs）およびそれが使用するjsファイル： http：//twitter.github.com/bootstrap/1.4。 0 / bootstrap-tabs.js

Twitterのブートストラップを使用していますが、かっこいいです。それでも、私には少し問題があります。Popoverプラグインを使用して、クラス.colorInputの各入力に関連するカラーピッカーをオンザフライで生成しようとしています。

これが私が思いついたコードです：

ポップオーバーのコンテンツを次のように設定したときの1つの大きな詳細を除いて、すべてがかなりうまく機能しています。

返されたデータは、farbtasticプラグインによってアタッチされたeventHandlerのいずれかでストライプ化されます。コードをそのままシンプルに保ち、返されたイベントに付随するイベントを失うことはありませんか？

ありがとう ！

私が持っている場合、ブートストラップは私のjsで正常に動作します

しかし、それを次のように変更すると

また、対応するulを変更しても機能しません。私は何か間違ったことをしていますか、それともブートストラップタブのバグですか? 最新のブートストラップ v1.4.0 を使用しています

ツイッターのブートストラップモーダルに問題があります...

.fade要素にクラスがない場合は正常に機能します。追加するとすぐにモーダルが表示されません。

私はこの行まで問題を追跡したと思います：

doAnimateですwebkitTransitionEnd、それはうまく見えます。transitionEndしかし、コールバックに何かを記録しようとし、ログに記録されないため、解雇されることはないと思います。

何か案は？

編集：いくつかのコード

リンク：

モーダル（フェードクラスなしで機能しますが、追加すると機能しません）

css：

私は何かが足りないのですか？

私はBootstrapの幸せなユーザーでした。

しかし、私たちのユーザーのほとんどは現在、IE6が37％である中国から来ています。
したがって、IE6をサポートしていないBootstrapを放棄する必要があります。

IE6もサポートするBootstrap（HTML / CSSレイアウトを簡素化）に似たライブラリはありますか？

アイテムのリストがあり、それぞれにブートストラップポップオーバーが関連付けられています（ドキュメントはこちら）。それらは次のように開始されます。

これは機能しますが、幅が狭いと、ビューポートからポップオーバーが失われます。に基づいて配置を条件付きにしたいのですが$(document).width();、初期オプションを上書きする方法がわかりません（たとえば、幅が約1000pxの場合、配置を「上」に切り替えます）。

ここでjsfiddleに簡略化されたバージョンをまとめました。どうもありがとう。

私は次のHTMLを持っています:

リスト要素の 1 つliがアクティブな場合。HTML は一連のタブを表します。

class="active"ユーザーがタブを切り替えたとき、つまりあるタブから別のタブに変更したときに、jquery コードを実行したいと考えていますli。

これどうやってやるの？

ブートストラップ css では、モーダル ダイアログを表示することは可能ですが、暗い黒い背景を表示せずに背後の UI が応答しないようにモーダルにできるようにしたいと考えています。

$("#selector").modal() 関数でこれを実行できるオプションはないようです。