2

我在 Zend Framework 2 中工作,并按照本教程通过 AJAX 显示和处理表单提交。我没有使用 jQuery UI 模态,而是使用 Twitter Bootstrap 3 中的模态。

首先,我只是试图通过在模式触发按钮的 href 属性中指定控制器操作的路径来在模式中加载一些虚拟内容。

我调用的 AJAX 操作的视图文件包含虚拟 html。

当我单击“添加代理”时,页面变暗,但没有显示模式窗口,尽管虚拟 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 回答