2013-03-13 45 views
0

在为我工作的公司构建“仪表板”Web工具时遇到一些麻烦。仪表板使用DataTable显示客户信息,使用PHP while循环从MySQL数据库提取数据。Bootstrap Modal,IE7和PHP的问题

我对表的每行的按钮:

<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是我公司的官方浏览器。

我很乐意根据要求发布任何附加代码。

+0

在IE9中使用F12打开Developer Tools窗口。我现在不在Windows机器上,但应该有'脚本'或'控制台'选项卡 - 请看看它可能会提供一些线索。 – DrBeza 2013-03-13 00:33:00

+0

嗨DrBeza,谢谢你的回应。我按你的建议做了,只有一个错误,但它是无关的。控制仪表板(滑块)中的UI元素的JS文件中存在错误。问题依然存在。 – Justin 2013-03-13 00:51:56

+0

你可以在jsfiddle中重新创建这个问题,或者提供一个链接到你的开发站点? – 2013-03-13 10:00:25

回答

0

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

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

我删除的文件有:

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

再次谢谢大家。

+0

我很高兴你解决了这个问题:) – DrBeza 2013-03-15 10:12:49