gpt4 book ai didi

javascript - Bootstrap 3 模态不工作?

转载 作者:行者123 更新时间:2023-11-30 12:50:48 25 4
gpt4 key购买 nike

我觉得我在这里遗漏了一些非常愚蠢的东西,所以请原谅我。

但我似乎无法让这个 Bootstrap 模式工作。这是我的代码:

<!DOCTYPE HTML>
<head>
<link rel="stylesheet" href="bootstrap.css" type="text/css" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</head>
<body>
<!-- Button trigger modal -->
<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">Launch demo modal</button>

<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<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" 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><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
</body>

这是直播:http://gadole.com/guideu/modal.html

如有任何帮助和/或指导,我们将不胜感激。谢谢!

最佳答案

Bootstrap 的模态函数需要 jQuery's on() method ,它是在 jQuery 1.7 版中引入的。因此,您需要 jQuery 1.7 或更高版本。

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>

参见 http://jsfiddle.net/jhfrench/ZWv52/2/一个工作示例。

关于javascript - Bootstrap 3 模态不工作?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21008707/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com