Question

我遇到了各种函数的问题，这些函数显然是由我的CSS和/或JS文件之间的冲突引起的。如果我链接到一个特定的文件，一个函数可以正常工作，但是另一个函数停止工作或者不按照预期的方式工作。

如果我只是按照不同的顺序组织这些文件的链接，比如jQuery文件之前的JS和Bootstrap文件之前的CSS文件，反之亦然，这可能会有所帮助。

有人能告诉我是否有合适的订单我可以效仿？我也在更新Bootstrap和jQuery，所以我可能会链接到一些额外的文件，但我只是想知道是否应该遵循一般的组织方案。

/css/bootstrap.css
/js/jquery.js
/js/bootstrap.js
/js/jquery.min.js
/css/bootstrap.min.css
/css/bootstrap-theme.min.css
/js/bootstrap.min.js
/fonts/font-awesome-4.5.0/css/font-awesome.css
/fonts/font-awesome-4.5.0/css/font-awesome.min.css
/fonts/font-awesome-4.5.0/css/font-awesome.min.css

P.S。我总是在Bootstrap / jQuery链接之后将链接放到我的个人文件中。

Answer 1

在标题中

- /css/bootstrap-theme.min.css
- /fonts/font-awesome-4.5.0/css/font-awesome.min.css
- /css/style.css ( your custom css goes always last to override the rules you want to over-ride)

在你的身体结束前juste

- /js/jquery.min.js
- /js/bootstrap.min.js
- /js/myJs.js (your custom js)

在javascript中，您始终将依赖项放在主文件之后。由于bootstrap使用jquery函数，因此必须在引导之前加载jquery。否则，当您的浏览器读取引导文件时，他会向您发送错误。

让我举个例子。

在jquery中，你有hide（）作为方法。如果bootstrap在他的js文件中使用相同的方法，则必须在引导程序使用之前定义hide（）。

所以Jquery几乎总是你的FIRST js文件。以那个引导程序为例并且只有最后一个，你的JS文件。

安排CSS和JS文件链接（Bootstrap＆amp; jQuery）

1 个答案: