javascript - 是否可以在我页面的一个特定部分使用一个 jquery？

Question

抱歉，如果我的问题太简单了，我只是想学习如何让自己清楚，作为一个新手，我发现这个最困难。 嗯，例如，我需要使用:

<script src="/jquery-1.12.3.min.js"></script>
<script>
 my code (sortable funcions)
</script>

这对我来说没问题! 但是一旦我添加更多<scripts xxxx.js>我的所有页面都会卡住...

我的控制台返回:

form:699 Uncaught TypeError: $(...).minicolors is not a function
or
common-scripts.js?1455274914:87 Uncaught TypeError: $(...).niceScroll is not a function
Uncaught TypeError: $(...).sparkline is not a function

那么，这是我的问题:

• 1) 如何解决这个冲突？它们有冲突吗？

• 2) 是否可以在可能页面的一小部分中运行此“jquery-1.12.3.min.js”？喜欢:

  <script src="/minicolors.js"></script>
  <script src="/nicescroll.js"></script>
  
      <script src="/jquery-1.12.3.min.js">
             my JS code  (sortable funcions)
      </script>
  
  </script>
  

  其余的 JS 代码(minicolors 和 nicescroll)

  并通过这样做来防止错误？

Answer 1

你需要注意文件加载的顺序...

• 始终先加载 jquery 库，然后让所有插件都能通过。

使用这个命令

< script src="/jquery-1.12.3.min.js" ></script>   // 1st load jquery library
< script src="/minicolors.js" >< /script >        // other plugin after jquery
< script src="/nicescroll.js" >< /script >        // other plugins after jquery

< script type="text/javascript">                  //your custom code
           my JS code  (sortable funcions)
< / script>

关于错误

form:699 Uncaught TypeError: $(...).minicolors is not a function
or
common-scripts.js?1455274914:87 Uncaught TypeError: $(...).niceScroll is not a function
Uncaught TypeError: $(...).sparkline is not a function

发生这种情况是因为没有加载jquery库，所以插件也会崩溃(因为它是用Jquery写的)。如果您按照上述更改顺序，一切都应该没问题