如何解決多個js文件衝突問題

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>