2014-11-20 60 views
0

在我的網站(http://cpshostworks.com/xpertisegulf.com/test12/index.html)上,我放置DIAPO滑塊後主滑塊不工作。這是由於2個jquery文件之間的衝突造成的。 任何人都可以請幫助解決這個問題。我無法理解這裏需要做什麼。我想要兩個滑塊工作(主滑塊&我們的合作伙伴滑塊)由於diapo滑塊導致主滑塊不能工作

我堅持過去一週的這種情況。

(function ($) { 
    $(document).ready(function(){ 
    //here you can call your plugin function 
    }); 
    })(jQuery); 

它可以防止庫發生衝突:

問候, 喬希

回答

0

如果衝突2個或更多的jQuery庫,我最常做的是包裝$(document).ready功能這樣間發生。 欲瞭解更多信息,請訪問此鏈接http://api.jquery.com/jquery.noconflict/

編輯:請注意,您需要單獨做每一個jQuery插件。所以如果你想調用另一個插件函數,你應該在不同的範圍內重新包裝它。

SECOND EDIT在控制檯中檢查您的代碼後,我發現了錯誤。取而代之的

jQuery(document).ready(function() { 
     jQuery('#mycarousel').jcarousel(); 
}); 

嘗試

(function ($) { 
    $(document).ready(function() { 
     jQuery('#mycarousel').jcarousel(); 
    }); 
})(jQuery); 

,並做到對後面的所有函數的調用。

+0

我已經添加了上面的代碼,但它仍然不起作用。更新後的鏈接是http://cpshostworks.com/xpertisegulf.com/test13/index.html – josh 2014-11-21 08:43:28

+0

正如我所看到的,你已經用相反的方式包裝了它。複製代碼我張貼並粘貼你的jQuery函數下面的評論//這裏...你還聲明'代碼'var tpj = jQuery;'code'。那是錯的。 – 2014-11-21 09:19:45