Bootstrap Javascript无法在实时网站上运行

Bootstrap Javascript not working on live website

本文关键字:网站 运行 实时 Javascript Bootstrap      更新时间:2023-09-26

我的网站遇到了一些问题。我的web服务器中有很多js文件,但bootstrap.js文件不起作用。这是到资源的链接,它还阻止AddThis共享工具。我不知道这是怎么回事!

以下是我正在使用的主要js:

<script src="http://arqetech.net/js/index.js"></script>
<script src="http://arqetech.net/js/bootstrap.js"></script>
<script src="http://arqetech.net/js/secondary.js"></script>
<script src="http://code.jquery.com/jquery-latest.js"></script>

这是网站链接

谢谢你抽出时间!

您需要首先加载jQuery脚本,然后加载Bootstrap js,最后加载自定义脚本,如下所示:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>‌​
<script src="http://arqetech.net/js/bootstrap.js"></script>
<script src="http://arqetech.net/js/index.js"></script>
<script src="http://arqetech.net/js/secondary.js"></script>

要么使用这个:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

或者这个:

<script src="http://code.jquery.com/jquery-latest.js"></script>

但不是两者

您必须在引导之前加载jquery,因为引导使用jquery。如果任何自定义脚本也使用jquery。。。。jquery必须在该自定义脚本之前加载。

我建议你使用所有js文件的缩小版,因为它可以提高你的网站性能

https://developer.yahoo.com/blogs/ydn/high-performance-sites-rule-10-minify-javascript-7208.html

除了jQuery是Bootstrap的Javascript工作的先决条件(如前面的回答所述)之外,还值得注意的是,从v3.3.6开始,

"Bootstrap的JavaScript需要jQuery 1.9.1或更高版本,但是低于版本3"

(以防您认为使用最新版本的jQuery会更好,就像我所做的那样。)