2

私は Zend Framework 2 内で作業しており、このチュートリアルに従って、 AJAX を介してフォーム送信を表示および処理しています。jQuery UI モーダルを使用する代わりに、Twitter Bootstrap 3 のモーダルを使用しています。

まず、モーダル トリガーボタンの href 属性でコントローラー アクションへのパスを指定して、ダミー コンテンツをモーダルにロードしようとしています。

私が呼び出す AJAX アクションのビュー ファイルには、ダミーの html が含まれています。

[Add Agency] をクリックすると、ページが暗くなり、ページの左上隅にダミーの HTML が表示されますが、モーダル ウィンドウは表示されません。Twitter Bootstrap モーダル ウィンドウが、その中にダミーの html と共に表示されることを期待しています。モーダル トリガー ボタンから href タグを削除すると、モーダルが正常に表示されます。

Twitter Bootstrap モーダル ウィンドウにコンテンツをロードするというこの単純な目的を達成するのを手伝ってくれる人がいれば、感謝します。

4

1 に答える 1

1

ダミーの HTML がモーダル ウィンドウ内に表示されなかった理由は、モーダル div の HTML マークアップと、モーダルのヘッダー、ボディ、フッター セクションの内部 div を記述したためです。AJAX 経由で呼び出したコンテンツが modal-body div に挿入されると誤って仮定しましたが、HTML は modal-body div に挿入されず、その div のマークアップが既に存在するため、ダミーの HTML がこの外に表示されますそしてレイアウトを壊します。

そこで、モーダル div 内のすべての内部 div を削除し、それらをリモート コンテンツに移動して、返したい HTML がそれらの div に含まれるようにしました。

于 2013-10-31T10:20:57.107 に答える