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

时间:2015-03-26 18:08:24

标签: javascript jquery twitter-bootstrap

我的网站遇到了一些问题。我的Web服务器中有很多js文件,但 bootstrap.js 文件不起作用。以下是ressource的 link ,它还会阻止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>

这是 website link

谢谢你的时间!

3 个答案:

答案 0 :(得分:4)

您需要首先加载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>

但不能同时

答案 1 :(得分:0)

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

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

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

答案 2 :(得分:0)

除了jQuery是Bootstrap的Javascript工作的先决条件之外(如前面的答案中所述),值得注意的是,从v 3.3.6开始,

  

&#34; Bootstrap的JavaScript需要jQuery 1.9.1或更高版本,但是   低于版本3&#34;

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