1

所以我在打開模式後關閉它(通過單擊'x'或背景覆蓋圖)。第二次打開模式時,只會通過點擊背景疊加來關閉,通過點擊'x'關閉不起作用。開啓第二次後,Bootstrap模式不會以'x'結束

下面是我的模態代碼:

 <div class="modal fade in" id="whatModal" aria-hidden="true"> 
      <div class="modal-content col-md-offset-4 col-md-4"> 
       <div class="modal-header"> 
       <div class="close glyphicon glyphicon-remove" data-dismiss="modal" data-target="#whatModal"></div> 
       <h3>Modal header</h3> 
       </div> 
       <div class="modal-body"> 
       <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum feugiat dui ipsum, in laoreet eros porttitor non.</p> 
       </div> 
      </div> 
     </div> 

哦,我使用的是引導3的方式。

在過去的幾個小時裏,我的頭靠在牆上撞擊之後,任何幫助都非常感激。

+0

當您觸發「x」時,您的檢查員控制檯會說些什麼? –

+0

沒什麼,這就是爲什麼我很困惑。至少如果它拋出某種錯誤,我可以從那裏調試,但它沒有給我任何東西。 – grigev07

+0

你可以提供更多的CSS/JS/HTML,所以我可以產生相同的問題,你有? –

回答

0

我不能給你一個特殊的答案,但沒有一些日誌信息形成控制檯,但看着,我把一個快速演示放在一起。您可以檢查resultsnippet在線

+0

感謝您的代碼,幫助了很多並解決了我的問題。原來我使用的是jQuery 1.7.2而不是1.10.2,這是造成這個問題的原因。編輯:只是發現,如果您使用引導3.0.0-RC2它也打破關閉按鈕。 – grigev07

+0

很高興它幫助你 –

1

這是一個已知的問題... https://github.com/twbs/bootstrap/issues/9362

,並固定在這個承諾... https://github.com/twbs/bootstrap/commit/712b89ed4ebe71e44f2a7081be7ba372d8ca3f42#js/modal.js

在上面提交即可看到數據關閉點擊事件處理程序已添加到構造函數中,但隨後在隱藏時分離 - 並且未在show上重新獲取,修復方法是將「click.dismiss.modal」移動到show函數中。

我可以證實這個版本解決了我的問題。

的修復已經使它成爲完整的V3.0.0版本https://github.com/twbs/bootstrap/blob/v3.0.0/js/modal.js

所以我懷疑更新至該版本應該可以解決它。

相關問題