javascript - 由于 diapo slider ，主 slider 不工作

Question

在我的网站 ( http://cpshostworks.com/xpertisegulf.com/test12/index.html ) 上，在我放置 DIAPO slider 后主 slider 不工作。这是由于 2 个 jquery 文件之间的冲突引起的。 任何人都可以帮助解决这个问题。我无法理解这里需要做什么。我希望两个 slider 都能正常工作(主 slider 和我们的合作伙伴 slider )

过去一周我都被这种情况困住了。

问候， 乔希

Answer 1

如果 2 个或更多 jQuery 库之间发生冲突，我通常做的是像这样包装 $(document).ready 函数:

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

它可以防止库冲突。 有关更多信息，请访问此链接 http://api.jquery.com/jquery.noconflict/

编辑:请注意，您应该分别为每个 jQuery 插件执行此操作。所以如果你想调用另一个插件函数，你应该在不同的范围内再次包装它。

第二次编辑 在控制台中检查您的代码后，我发现了错误。而不是

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

试试

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

并为所有后续函数调用执行此操作。