Jquery 模态不'；无法使用引导显示_Jquery_Twitter Bootstrap_Bootstrap Modal

Jquery 模态不'；无法使用引导显示

jquery twitter-bootstrap

Jquery 模态不'；无法使用引导显示,jquery,twitter-bootstrap,bootstrap-modal,Jquery,Twitter Bootstrap,Bootstrap Modal,每当我按下按钮时，模式就不会显示，我尝试了很多方法，甚至创建了一个custom.js来放入代码 $('#myModal').modal('show'); 但它就是不起作用，我哪里做错了这是密码 <html> <head> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> </head> <

每当我按下按钮时，模式就不会显示，我尝试了很多方法，甚至创建了一个custom.js来放入代码

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

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

这是密码

<html>
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
</head>
<body>
    <!-- Button -->
    <button type="button" class="btn btn-success" data-toggle="modal" data-target="#myModal">Get Started</button>
    <!-- Modal -->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">Modal title</h4>
      </div>
      <div class="modal-body">
        ...
      </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>
    </div>
    </div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-alpha1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
</body>
</html>


开始
&时代；
情态标题
...
接近
保存更改

问题是jQuery

3.0.0-alpha1

版本不完全受引导

3.3.5

不显示的原因

使用默认引导行为的按钮触发模式或

使用jQuery

$（“#myModal”）.modal（“show”）

是因为

.modal

属性

显示：无

未更改为

显示：块

解决方案-1

切换回jQuery的上一个稳定版本

jQuery 2.x

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

使用引导模式侦听器，并在显示模式时将

.modal

属性从

display:none

更改为

diaply:block

如果使用按钮触发模式

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

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

如果使用jQuery打开模式

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

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

您的

引导脚本没有结束标记

！！你注意到了吗？我的意思是，在我将代码复制粘贴到stackoverflow编辑器时，您在

@GuruprasadRao之前缺少了

。所以您仍然没有获得

模态

？浏览器中有控制台错误吗？是的，浏览器中没有任何错误。我现在真的很困惑，可能是css吗？如果只使用数据属性呢？数据属性是默认的引导模式行为，模式会触发，但不会显示，这是

.modal

css属性不会从

display:none

更改为

display:block

，因此使用jQuery 3.x唯一的解决方法是使用自定义代码更改

.modal

css属性以显示模式。我使用的是jQuery 1.11.1，现在是2.x+。您能告诉我如何使用jQuery1.11.1解决相同的问题吗？