我是否使用 jQuery noconflict 来避免插件冲突？

UPDATE:我发现jquery.bxslider http://bxslider.com插件本身会克隆并附加/前置导致问题的 LI。但没有解决这个问题，除非使用另一个脚本:(

我不得不让 jQuery 插件部分地相互冲突，盒子滑块 http://bxslider.com/（图像滑块）和Colorbox http://colorpowered.com/colorbox/（灯箱）。它们都有效，但滑块脚本以某种方式广告到灯箱，因此第一个和最后一个图像会重复两次。

如果你看一下这个就更容易理解了示例页面 http://sfa-j002.universalfavourite.com.au/products/bollards/blade.html.

您会看到滑块中有 3 张图像，但打开灯箱时它会显示 5 张图像。

我试过我的运气noconflict()，但这根本就阻止了任何工作。经过一番搜索后，我假设存在一些命名空间问题，但我不知道在哪里或如何调试它。

我正在使用的脚本是

<link type="text/css" media="screen" rel="stylesheet" href="assets/css/colorbox.css" />
<script type="text/javascript" src="assets/js/jquery.bxslider2.0.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $('#gallery').bxSlider({
        auto: true,
        wrapper_class: 'gallery-holder',
        auto: false,  
        speed: 100,
        pager: true,
        next_text: 'next',
        prev_text: 'back'
    });
}); 
</script>
<script type="text/javascript" src="assets/js/jquery.colorbox-min.js"></script>
<script type="text/javascript">
    $(window).load(function(){
        $("#gallery a[rel='group']").colorbox({maxWidth:"80%", maxHeight:"80%", scalePhotos: true});
    });
</script>

我尝试过交换顺序，但这只会使一个或两个停止工作。我浪费了很多时间试图解决这个问题，所以任何帮助将不胜感激！

迟到总比不到好，是吗？我想我会分享我的解决方案，以防其他人遇到这个问题。

我最近使用 colorBox/bxSlider 组合并遇到了这个问题。当您初始化 bxSlider 时，它会将第一张和最后一张幻灯片复制到最后一个和第一个位置（分别）。我不太关心为什么，但我想这是为了支持循环。虽然理论上应该首先初始化 colorBox，但 bxSlider 中的某些内容会擦除 colorBox 设置的 $.data() 。

言归正传，我的快速解决方法是从重复的元素中删除类名。在 setChildrenLayout() 中，您可以看到项目在两个 $.each() 块中前置/后置的位置。您所要做的就是修改它以删除有问题的类名。

$.each($prependedChildren, function(index) {
    var moddedChild = $(this);
    moddedChild.children().removeClass("removeThisClass");
    $parent.prepend(moddedChild);
});

注意：我编写它是为了适合我的特定情况，如果您的列表项更复杂，则可能需要修改。