【问题标题】:Trouble With Bootstrap Modal, IE7, and PHPBootstrap Modal、IE7 和 PHP 的问题
【发布时间】:2013-03-13 00:09:12
【问题描述】:

在为我工作的公司构建“仪表板”网络工具时遇到了一些麻烦。仪表板使用 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)

模态框的代码是:

<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 中(没有测试过旧的 ie 版本)。 代码无法调用模态框(它没有出现)。不幸的是,IE9 是我公司的官方浏览器。

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

【问题讨论】:

  • 在 IE9 中使用 F12 打开开发者工具窗口。我现在不在 Windows 机器上,但应该有一个“脚本”或“控制台”选项卡 - 看看那里可能会提供一些线索。
  • 您好 DrBeza,感谢您的回复。我按照你的建议做了,只有一个错误,但它是无关的。控制仪表板中的 UI 元素(滑块)的 JS 文件中存在错误。问题依然存在。
  • 您能否在 jsfiddle 中重新创建此问题,或者提供指向您的开发站点的链接?

标签: php twitter-bootstrap internet-explorer-9 modal-dialog


【解决方案1】:

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

当我在 jsfiddle 上构建我的错误示​​例时,我注意到我的网站上有一些旧脚本来自我抓挠的想法。当我删除那些未使用(但仍然链接)的 js 文件时,我的问题就消失了。后面肯定发生了一些没有引起注意的冲突。

我删除的文件是:

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

再次感谢大家。

【讨论】:

    猜你喜欢
    • 2014-04-16
    • 2015-11-18
    • 2016-05-02
    • 1970-01-01
    • 2019-11-29
    • 1970-01-01
    • 2017-07-25
    • 1970-01-01
    • 2013-03-30
    相关资源
    最近更新 更多