如何在Twitter Bootstrap模式窗口中通过AJAX加载内容？

Question

我正在Zend Framework 2中工作，并在此tutorial之后通过AJAX显示和处理表单提交。我没有使用jQuery UI模式，而是使用Twitter Bootstrap 3中的模态。

首先，我只想通过在controller action按钮的href属性中指定modal trigger的路径来尝试在模态中加载一些虚拟内容。

我调用的AJAX操作的view file包含虚拟html。

当我点击“添加代理商”时，页面变暗但没有显示模态窗口，尽管虚拟html确实出现在页面的左上角。我期待一个Twitter Bootstrap模式窗口与其中的虚拟html一起显示。当我从模态触发按钮中删除href标签时，模态显示正常。

感谢是否有人可以帮助我实现在Twitter Bootstrap模式窗口中加载内容的这个简单目标。

Answer 1

我的虚拟HTML没有在模态窗口中显示的原因是因为我为模态div编写了HTML标记，以及模式的标题，正文和页脚部分的内部div。我错误地认为我通过AJAX调用的内容将被插入到modal-body div中，但是HTML doest不会被注入到modal-body div中，并且因为该div的标记已经存在，所以虚拟HTML出现在此之外并打破布局。

所以我删除了模态div中的所有内部div并将它们移动到远程内容中，以便我想要返回的HTML包含在这些div中。