問題タブ [bootstrap-modal]

Bootstrap 3 を使用してモーダル イベントをまったく動作させることができないようです。モーダルを閉じたときにアクションを実行したいのですが、何も起こりません。

これが私の取り除かれた HTML です。

そして私のJS：

ここに JSfiddle をまとめました - http://jsfiddle.net/EcnC3/1/

Bootstrap 3 でモーダル イベントが機能しないという報告は他に見当たりません。あなたが提供できる助けをありがとう

.php ファイルから Twitter モーダル ウィンドウ内の html データを呼び出す必要があります。この関数を呼び出す方法は? 以下のスクリプトはphpファイル内にあります。リンクをクリックしたら、モーダルウィンドウ内でこれを呼び出す必要があります。モーダル ウィンドウをトリガーできますが、データはトリガーできません。

オブジェクトを ngRepeat からモーダル ウィンドウに渡そうとしています...次のように:

コントローラーで:

スコープを台無しにしてファンキーな動作を引き起こすことなく、スロットをモーダルに渡す正しい方法は何ですか? 私はスロットを通過しようとし<button ng-click="openModal(slot)">...ましたが、奇妙なことが起こり始めました。何かアドバイス？

ブートストラップ 2.3.2 フレームワークを使用するプロジェクトで少し問題に直面しています。ツールバーに質問があるユーザーは、以下のスクリーンショットのように、ブートストラップ モーダルを完全に表示できません。

問題を再現する手順。Google chrome の ask ツールバーをインストールするか (インストールされていない場合)、インストールされていて無効になっている場合は有効にします。Getbootstrapドキュメント Web サイトに移動し、[デモ モーダルの起動] ボタンをクリックしてモーダルを開きます。スクリーンショットに示すように、モーダルが表示されます。

Google Chrome は、すべてのページ (通常は html ページ) に css を含む iframe を挿入して、組み込みのツールバーとして表示できないため、ツールバーを表示します。次のjquery関数を使用して、ウィンドウロードイベントでツールバーを無効にすることができます

ただし、ブートストラップモーダルの開始時に、ask ツールバー拡張によっていくつかのデータ属性が追加され、モーダルを完全に表示するのを妨げているモーダルラッパー div に追加されます。

データ属性は次のとおりです<div id="myModal" class="modal hide fade in" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="false" style="display: block; top: -138px;" data-apn-tb_demo_v7-toolbar_set="top" data-apn-tb_demo_v7-toolbar_set_top="undefined" data-apn-toolbar-adjusted="-138px">。<div id="myModal" class="modal hide fade in" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="false" style="display: block;">

topスタイルの負の値をdata-apn-tb_demo_v7-toolbar_set="top" data-apn-tb_demo_v7-toolbar_set_top="undefined" data-apn-toolbar-adjusted="-138px"モーダルから取り除く方法または

編集：

ユーザーが手動でaskツールバーを無効にしたりアンインストールしたりせずに、Webサイトにアクセスしているときにaskツールバーを完全に無効にしますか? ツールバーは他の問題も引き起こしているためです。トップバーと jquery UI ツールチップを修正しました。また、window.scroll() and scrollTop()関数を使用して、トップ メニュー バーの横にある別の div を修正します。ツールバーに尋ねるが有効になっている場合、スクロール方法はdivをトップバーに固定しています。また、ツールチップは、ask ツールバーの上マージンの 31px を取得しています。

編集：.modal.fade.in { top: 10% !important;}ハックを与えることで問題を解決できます。しかし、それは適切な方法ではありません。

Chrome 用の ASK ツールバーをインストールするには、http://apnstatic.ask.com/static/toolbar/everest/download/index.html?source=spにアクセスし、[ツールバーのダウンロード] ボタンをクリックします。ダウンロード後、アプリケーションを手動で実行する必要がある場合があります。最後に、クロムを再起動するか、クロム レンチ (右上のメニュー) の下にあるメニュー リンクを参照して、ツールバーをアクティブにします。

## 注: この問題は、ブートストラップ バージョンに存在していました。2.3.2. バージョンではテストされていません。3.xx ##

私のdjangoサイトでは、ブートストラップのモーダルを使用してフォームを表示しています。ただし、そのフォームの一部は日付フィールドであり、jQuery UI の日付ピッカーを使用したいと考えています。フォームは動的に取得されるため、ブートストラップのモーダル イベントを使用して、モーダルが表示された後に機能を適用することを検討しました。これは私がしました：

これはクロムで動作しますが、IE 8 では動作しません。サポートする必要があり、日付ピッカーを持つことが重要です。エラー メッセージは表示されないので、私のコードは問題ないと思います。警告メッセージをいくつか追加すると、IE ではイベントが発生していないことがわかりました。私は何をすべきか？

ブートストラップ 2.2 を使用しています

ps私はすでに場所を切り替えて試してみ.modal()ました.on('shown'が、役に立ちませんでした。ページは標準モードでレンダリングされ、IE8 と互換性があることを確認しました。これは私がよく知らないIEの問題だと思います。

私のコードには、2 つのセクション (例から取得) があります - Some InputとSome More Input。無効なスクロールバーといくつかのボタンがページの左側にあるSome More Inputしか表示されません。（ここを見てください）

あなたが答える前に、メインのbootstrap-modal CSSの前にすでにパッチを適用しており、bootstrap-modalとmodalmanagerの両方が含まれています。どこにでも配置しようとしましたが、それでも壊れているように見えます。

私のコード:

bxsliderでブートストラップ モーダル ボックスを使用しています。bxslider の内容を ajax で変更しています。

これが私のhtmlコードです。

そしてjqueryコードは

アヤックスコード...

解決策が得られない人を助けてください.Googleで検索したところ、use width:960px;という1つの結果が得られました。私は同じことをしましたが、うまくいきませんでした。

手伝って頂けますか。

で Bootstrap Modal を使用するhtml5Mode(true)。

最初のクリックでクリックすると、モーダルlaunch demo modalへの URL の変更は表示され/#myModalません。

もう一度クリックするとlaunch demo modal、モーダルが表示されます。

通常モード ($locationProvider.html5Mode(false);モーダルは最初のクリックで表示されます。

最初のクリックでモーダルを表示するにはどうすればよいですか?

標準モーダルコード:-

角度コード:-

検査すると、最初のクリックでページが更新されますlaunch demo modalが、サーバーを介して更新は行われません。Angular はそれを管理します。同様に、2 回目のクリックでも、angular が REST リクエストを管理し、モーダルを表示します。

PS:- 問題を実証したかったのですが、plunkrは html5Modeでは動作しません。

そして、私が知る限り、追加のhtmlページをjsfiddleに追加できませんでした。$locationProvider.html5Mode(true);また、モードをサポートしているかどうかもわかりません。

エラーを示すにはどこに行けばよいですか?