如何解決兩個jquery沖突？

Question

我有一個頁面，其中包含用於窗簾效果的 jquery 和其他用於滑塊的頁面。我面臨的問題是我的兩個 jquery 無法協同工作。我該怎么辦？

我的示例代碼是

    <!-- for slider -->
<script src="images/jquery-latest.js" type="text/javascript"></script>
<script src="images/jquery.bxslider2.min.js" type="text/javascript"></script>
<script src="images/scripts.js" type="text/javascript"></script>

    <!-- for curtain -->
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script src="js/jquery.easing.1.3.js" type="text/javascript"></script>  

Answer 1

首先，嘗試使用當前的 jQuery 版本 (1.7.2)並查看兩個腳本是否都有效。

如果沒有，請考慮使用與當前 jQuery 版本兼容的東西 - 如果某些東西需要 jquery 1.3，它很長時間沒有更新。

如果你真的需要這兩個腳本並且都需要不同的 jQuery 版本，那么你需要這樣做：

<script src=".../jquery-1.3.2.js"></script>
<script src="script-that-needs-132.js"></script>
<script>var jQuery132 = $.noConflict(true);</script>
<script src=".../jquery-1.7.2.js"></script>

要使用舊的 jQuery，請包裝代碼，使用它，如下所示：

(function($){
    // here $ points to the old jQuery
})(jQuery132);

Answer 2

刪除其中之一，最好是這個<script type="text/javascript" src="js/jquery-1.3.2.js"></script>

Answer 3

您可以使用

 <script type="text/javascript" language="javascript">
    var jq = jQuery.noConflict();
</script>

Answer 4

您不能/不應該包含兩個不同版本的 jQuery。 堅持一個（最近的一個應該是最好的選擇）。 如果你想要的插件只支持像 1.3 這樣的非常古老的版本，那么你應該選擇一個更新的版本或者開始在代碼中擺弄。