如何通過AJAX在Twitter Bootstrap模式窗口中加載內容？

我在Zend Framework 2中工作，並在此之後tutorial顯示並處理通過AJAX提交的表單。我使用的是Twitter Bootstrap 3中的模式，而不是使用jQuery UI模式。如何通過AJAX在Twitter Bootstrap模式窗口中加載內容？

首先，我只是試圖通過在href中指定controller action的路徑來加載模式中的一些虛擬內容modal trigger按鈕的屬性。

我調用的AJAX操作的view file包含啞元html。

當我點擊'添加代理'時，頁面會變暗，但不會顯示模態窗口，儘管虛擬html確實出現在頁面的左上角。我期待一個Twitter Bootstrap模式窗口與其中的虛擬html一起顯示。當我從模態觸發按鈕中刪除href標記時，模式顯示正常。

欣賞是否有人可以幫助我實現在Twitter Bootstrap模式窗口中加載內容的簡單目標。

來源

2013-10-30 Sid

無論你插入的是虛擬html，它都會打破模態所需的標記。打開您的開發人員工具，並檢查生成的HTML，將其與Bootstrap指定的內容進行比較，然後相應地進行調整。如果你想要更詳細的建議，jsfiddle會有所幫助。 – ricksuggs

我的虛擬HTML沒有顯示在模式窗口內的原因是我爲模態div編寫了HTML標記，以及模態的標題，主體和頁腳部分的內部div。我錯誤地認爲我通過AJAX調用的內容將被插入到modal-body div中，但是HTML doest沒有被注入到模體body div中，並且因爲該div的標記已經存在，所以虛擬HTML出現在此之外並打破布局。

因此，我刪除了模態div內的所有內部div，並將它們移動到遠程內容中，以便我要返回的HTML包含在這些div中。

來源

2013-10-31 10:20:57 Sid

如何通過AJAX在Twitter Bootstrap模式窗口中加載內容？

回答

相關問題