158 html css jquery twitter-bootstrap twitter-bootstrap-3
我正在尝试使用Bootstrap为程序创建一个接口.我在<head>标签中添加了jQuery 1.11.0,并认为就是这样,但是当我在浏览器中启动网页时,jQuery报告错误:
Uncaught Error: Bootstrap's JavaScript requires jQuery
我尝试过使用jQuery 1.9.0,我尝试过在几个CDN上托管的副本,但我无法让它工作.谁能指出我做错了什么？
Sri*_*r R 350
试试这个
更改下面应该是的文件的顺序..
<script src="js/jquery-1.11.0.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/wow.min.js"></script>
Onu*_*rım 80
如果您处于仅浏览器环境中,请使用SridharR的解决方案.
如果您在Node/CommonJS + Browser环境中(例如电子,node-webkit等); 出现此错误的原因是jQuery的导出逻辑首先检查module,而不是window:
if (typeof module === "object" && typeof module.exports === "object") {
// CommonJS/Node
} else {
// window
}
请注意,module.exports在这种情况下,它会自行导出; 所以jQuery并$没有分配给window.
所以解决这个问题,而不是<script src="path/to/jquery.js"></script>;
只需通过require声明自行分配:
<script>
window.jQuery = window.$ = require('jquery');
</script>
注意:如果您的电子应用程序不需要nodeIntegration,请将其设置为false不需要此解决方法.
N J*_*N J 12
你应该首先加载jquery因为bootstrap使用jquery功能.像这样:
<!doctype html>
<html>
<head>
<link type="text/css" rel="stylesheet" src="css/animate.css">
<link type="text/css" rel="stylesheet" src="css/bootstrap-theme.min.css">
<link type="text/css" rel="stylesheet" src="css/bootstrap.min.css">
<link type="text/css" rel="stylesheet" href="css/custom.css">
<!-- Shuffle your scripts HERE -->
<script src="js/jquery-1.11.0.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/wow.min.js"></script>
<!-- End -->
<title>pyMeLy Interface</title>
</head>
<body>
<p class="title1"><strong>pyMeLy</strong></p>
<p class="title2"><em> A stylish way to view your media</em></p>
<div style="text-align:center;">
<button type="button" class="btn btn-primary">Movies</button>
<button type="button" class="btn btn-primary btn-lg">Large button</button>
</div>
</body>
</html>
你需要在添加bootstrap之前添加JQuery-
<!-- JQuery Core JavaScript -->
<script src="lib/js/jquery.min.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="lib/js/bootstrap.min.js"></script>
您为 JAVASCRIPT 和 BOOTSTRAP 提供了错误的顺序
按照惯例，bootstrap 必须遵循 jquery 文件定义
<!-- JQuery Core JavaScript -->
<script src="lib/js/jquery.min.js"></script>
<script src="lib/js/jquery-ui.min.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="lib/js/bootstrap.min.js"></script>