問題タブ [bootstrap-modal]

JavaScriptは全然知りません。Bootstrapのドキュメントには次のように書かれています

JavaScriptを介してモーダルを呼び出します。$('#myModal').modal(options)

ページの読み込み時にこれを呼び出す方法がわかりません。Bootstrapページで提供されているコードを使用すると、要素のクリックでModalを正常に呼び出すことができますが、ページの読み込み時にすぐに読み込まれるようにします。

Fancybox には、fancyboxこのようなものを使用して、ページ上の各画像のクラスを追加する機能がありますjQuery(thumbnails).addClass("fancybox").attr("rel","fancybox").getTitle();。

タグの Twitter Bootstrap Modal で同様の<img>ことを行い、すべての画像を呼び出す必要がないようにしたいと考えています。bootstrap-modal.js基本的に、Lightbox/Fancybox のようなインライン イメージ ビューアとして使用したいと考えています。

http://blueimp.github.com/Bootstrap-Image-Gallery/を見つけましたが、デモでは、すべての画像に対して呼び出しを行う必要があることが示されています。

どうすればこれを行うことができますか？

Twitterのブートストラップモーダルをより広く、より高く設定するには?

ここに例があります (クリックしてください: Launch demo modal):

http://twitter.github.com/bootstrap/javascript.html#modals

Bootstrap Modal を使用していますが、ボタンがクリックされたときに一度だけ表示したいのですが、ボタンが再度クリックされた場合は表示されません。

最初はtrueで、ボタンをクリックするとfalseに設定されるブール値を使用してこれを行いたいと思います。初めて非表示にした後に .remove() を使用してモーダルを削除するだけの解決策を実際に見つけましたが、ブール値が機能しない理由を知りたいです。

http://jsfiddle.net/ncjbx/9/

簡単に言えば、私の問題は、coffeescript で実装された jQuery-UI ハンドラー内から、ブートストラップ モーダルを作成して表示できないことです。ブートストラップのドキュメントにある標準のボタン アプローチを使用してモーダルを表示しようとすると、問題なく動作します。編集 3: これは、アセット パイプラインを使用する Ruby on Rails 3.2 アプリケーション内にあります。

ただし、jQuery-UI イベント ハンドラー内からこれを行うと、次のようになります。

また

次のエラーが表示されます。

私の html は非常に標準的です。ブートストラップ ドキュメントのサンプル html を使用しただけです。jQuery-UI イベント ハンドラ用の次の coffeescript があります。

編集:これはスコープの問題の匂いがするので、 -> と => を使ってモンキーを試してみましたが、それが何かを変えたかどうかを確認しましたが、それに対する変更は何の違いもありませんでした。

編集 2: javascript ライブラリが正しい順序で含まれていることを検証しました: jquery、jquery-ui、jquery_ujs、そして bootstrap.js。プルする必要がある別のライブラリがある可能性はありますか?

$("#my-modal") がモーダルDOMオブジェクトを正しく見つけることを検証しました

私はこれを理解するのに途方に暮れています。コードは完全に単純明快に見えます。

FOSUserBundle を使用して Web サイトのユーザーを管理しています。私の目標は、Boostrap フレームワークに基づいてモーダル ウィンドウにログイン フォームが表示されるようにすることです。下はモーダルウィンドウの私のコードです

このコードは、ユーザーがユーザー名とパスワードを入力する際に​​間違いを犯さなければ、完全に機能します。/loginエラーが発生した場合、symfony2は、バンドル FOSUserBundle によって提供される最小限の小枝ページであるページに直接リダイレクトします。

この問題を解決するために、私の考えは、ウィンドウを再度表示する JavaScript イベントをリッスンすることでした。これは、window.hashchange イベントを通じて行われます。そのための提案されたコードは次のとおりです。

これは素晴らしい: このコードを通じて、この URL に到達すると、ログイン モーダル ウィンドウに表示できるようになりました/#login。

しかし、symfony にはルーティングの問題があるため、問題はまだ解決されていません。FOSUserBundle のコントローラーでリダイレクトを行うには、すべてのバンドルを書き直す必要があると思います。

何か案が？

サービスから表示するアイテムのリストがあり、ng-repeat を使用してデータを表示します。これらのアイテムのいずれかについて、クリックされたアイテムのデータで満たされたブートストラップモーダルを開くことができるようにしたいと思います (このアイテムの範囲内)。

ここに私のコードのjsfiddle.net http://jsfiddle.net/echTw/2/

現時点では、ブートストラップ モーダルは、JSON の最初のオブジェクトからのデータのみを表示します。ブートストラップモーダルを実行して、クリックされた要素の範囲内でデータをロードするにはどうすればよいですか (Angular には this.$ に似たものがありますか?)

編集

いいえ、角度ストラップは使用していません。ディレクティブを使用して、提案どおりにスコープを分離しようとしましたが、ライトボックスにはまだ最初の要素からのデータのみが表示されます (理由は不明です)。

そこで、コントローラーである ng-click を使用するようにコードを更新し、動的 ​​ID をモーダルに追加して問題を修正しました。

HTML

角度

モーダル ダイアログ ブートストラップ内の jQuery オートコンプリートに表示上の問題があります。

マウスをスクロールすると、結果が入力に添付されたままになりません。

これを解決する方法はありますか？

ここでJsFiddle：

編集 問題が見つかりました：

モーダルにスクロールがある場合、問題は残ります!

ここでJsFiddle/1。

以下のコードは、データベースからユーザーの最近の投稿を表示し、ユーザーが投稿を表示している場合は削除ボタンを表示します

何らかの理由で、ユーザーがモーダルを押すと、毎回同じ投稿が表示されます。たとえば、ユーザーが最初の投稿で削除を押し、投稿の内容が だったhello場合、モーダルに hello が表示されます。ただし、ループ内の残りのすべての投稿については、[削除] をクリックすると、すべてのモーダルの最初の投稿が表示されます。

ブートストラップモーダルでタブを使用しています。タブはうまく表示されますが、問題は、「セクション 2」タブをクリックするとすぐに「セクション 1」タブに戻ることです。以下はコードです。JavaScriptを使用してこれを強制するのを手伝ってくれる人、またはおそらく何が問題なのですか? 私は成功せずに検索しました！