當我嘗試在Bootstrap3上傳遞我的網站時出現javascript錯誤

Question

首先對不起我的英文。

我試着從bootsrap 2升級我的網站，引導3，這使我的錯誤與下面的腳本

<script type="text/javascript" src="/Livret/CSS/Bootstrap/js/bootstrap.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function(){ 
     //mise en route d'alert 
     $(".alert").alert(); 

     //affichage de formulaire au clique sur ligne du tableau 
     $("tr:has(td):not(:has(th))").dblclick(function(){ 
      var idModal = "#myModal".concat($(this).find("input:hidden").val()); 
      $(idModal).modal(); 
     }); 

     //affichage de formulaire au clique sur bouton 
     $("#addCompo").click(function(){ 
      $("#formAddComposante").modal(); 
     }); 
    }); 

</script> 

當我點擊我的按鈕，檢查與鉻元素我有這樣的錯誤「未捕獲的錯誤：語法錯誤，無法識別的表達式：[data-dismiss =「alert」]「。

所以我更新我的jQuery版本從1.9.1到2.1.0。所以現在我沒有任何錯誤，但是當我點擊按鈕時，屏幕變暗，但我預計會出現的窗口不在這裏。

任何知道如何解決這個問題的人？

感謝

Answer 1

升級來引導3.檢查類和結構的HTML您模態，當我有同樣的問題。它應該是這樣的：

<div class="modal fade"> 
    <div class="modal-dialog"> 
    <div class="modal-content"> 
     <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
     <h4 class="modal-title">Modal title</h4> 
     </div> 
     <div class="modal-body"> 
     <p>One fine body&hellip;</p> 
     </div> 
     <div class="modal-footer"> 
     <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
     <button type="button" class="btn btn-primary">Save changes</button> 
     </div> 
    </div><!-- /.modal-content --> 
    </div><!-- /.modal-dialog --> 
</div><!-- /.modal --> 

文檔：http://getbootstrap.com/javascript/#modals