当我尝试在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