Question

在为我所工作的公司构建“仪表板”网络工具时遇到一些麻烦。仪表板使用DataTable显示客户信息，使用PHP while循环从MySQL数据库中提取数据。

我在桌子的每一行都有一个按钮：

<a class="btn btn-info" data-toggle="modal" href="#job_info_" . $row['id'] . ""><i class="icon-question-sign icon-white"></i></a>

这需要唯一的模态框（例如：＃job_info_42）

Modal Box的代码是：

<div class="modal hide fade" id="job_info_" . $row['id'] . "">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h3>Project Details For ".$row['customer']."</h3>
</div>
<div class="modal-body">
<span><strong>Current Status:</strong> ".$status. $quote_notify ."</span> <br><br>

".$row['details']."

</div>
<div class="modal-footer">
<a href="#" class="btn" data-dismiss="modal">Close</a>
</div>
</div>"

我已经使用IE10，Chrome，Safari和我的智能手机测试了此代码。 效果很好，除了在IE9中（还没有测试过旧的版本）。 代码无法调用模式框（它不会出现）。不幸的是，IE9是我公司的官方浏览器。

我很乐意根据要求发布任何其他代码。

Answer 1

我要感谢大家对这个问题的帮助。

当我在jsfiddle上构建我的错误示例时，我注意到我的网站上有一些旧脚本来自我抓到的想法。当我删除那些未使用（但仍然链接）的js文件时，我的问题就消失了。背后肯定会发生一些没有被发现的冲突。

我删除的文件是：

jquery.masonry.min.js
jquery.imagesloaded.js
jquery.uploadify-3.1.min.js
jquery.raty.min.js
jquery.elfinder.min.js

再一次，谢谢大家。

使用Bootstrap Modal，IE7和PHP时出现问题

1 个答案: