Question

我使用过多个js文件，但是如果我使用它们两个都不起作用，那么如何解决这个问题。

 <script src="js/jquery-1.11.1.min.js" type="text/javascript" charset="utf-8" ></script>  
 <script src="js/jquery.mousewheel.js" type="text/javascript" charset="utf-8" ></script> 
 <script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8" ></script>  
 <script type="text/javascript" src="http://tablesorter.com/jquery-latest.js"></script> 
 <script type="text/javascript" src="http://tablesorter.com/__jquery.tablesorter.js"></script>
 <script type="text/javascript" src="http://tablesorter.com/addons/pager/jquery.tablesorter.pager.js"></script>
 <script type="text/javascript" src="./js/script.js"></script>

的script.js

 $(document).ready(function() { 
 $("table") 
.tablesorter({widthFixed: true, widgets: ['zebra']}) 
.tablesorterPager({container: $("#pager")}); 
 });

Answer 1

首先添加你最喜欢的js，比如jquery。及其低优先级

就像你的例子：

<script type="text/javascript" src="http://tablesorter.com/jquery-latest.js"></script> 
<script src="js/jquery-1.11.1.min.js" type="text/javascript" charset="utf-8" ></script>  
<script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8" ></script>  
<script type="text/javascript" src="http://tablesorter.com/__jquery.tablesorter.js"></script>
<script type="text/javascript" src="http://tablesorter.com/addons/pager/jquery.tablesorter.pager.js"></script>
<script src="js/jquery.mousewheel.js" type="text/javascript" charset="utf-8" ></script> 
<script type="text/javascript" src="./js/script.js"></script>

Answer 2

如果您使用基于jQuery的插件，那么您应该使a clear understand插件需要的jQuery版本，并且您只使用jQuery的一个版本，并包含jQuery的文件firstly，然后包含其他js文件。

如何解决多个js文件冲突问题

2 个答案: