2013-03-13 92 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