Modal不会显示使用bootstrap

每当我按下按钮时，模态就不会出现，我尝试了很多东西，甚至创建了一个custom.js来放入这个代码

$('#myModal').modal('show'); 

但它只是不起作用，我哪里做错了？

这是代码

       Get Started  
 
 
 
 × 
Modal title
 
 
 ... 
 
 Close Save changes 
 
 
 
     

Answer 1

问题是bootstrap 3.3.5不完全支持jQuery 3.0.0-alpha1版本

原因莫代尔没有显示

• 使用默认引导行为OR按钮的模态触发器
• 使用jQuery $("#myModal").modal("show")打开模态$("#myModal").modal("show")

是因为.modal属性display:none没有更改为display:block

小提琴

解决方案- 1

切换回jQuery jQuery 2.x最后一个稳定版本

解决方案-2使用jQuery 3.0.0-alpha1

使用bootstrap模态事件监听器并将.modal属性从display:none更改为.modal diaply:block当diaply:block模态时diaply:block 。

如果使用按钮来触发模态

 $(document).ready(function () { $("#myModal").on('shown.bs.modal', function () { $(".modal").css('display', 'block'); }) }); 

小提琴

如果使用jQuery打开模态

 $(document).ready(function () { $("#myModal").modal("show").on('shown.bs.modal', function () { $(".modal").css('display', 'block'); }) }); 

小提琴