Coda Slider和Fancybox冲突

Question

我对Coda Slider和Fancybox有一些问题。我使用Fancybox在Iframe中加载外部站点，Coda Slider用于Startpage上的Content Slider。

如果我在脑海中调用了jquery-easing插件fpr Coda Slider，那么Fancybox就不能工作。当我删除指向jquery-easing-1.3的链接时，Coda Slider抛出一个异常，但Fancybox工作正常

以下是一些代码：

<script type="text/javascript" src="<?php bloginfo('template_directory') ?>/js/jquery.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory') ?>/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory') ?>/js/coda-slider.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory') ?>/js/jquery.easing.1.3.js"></script>
<script>
    $(document).ready(function(){

        $(".book a").fancybox({
            'width'         :   '75%',
            'height'        :   '75%',
            'speedIn'       :   600, 
            'speedOut'      :   200, 
            'overlayShow'   :   true,
            'type'          :   'iframe',
            'autoscale'     :   false,
            'hideOnOverlayClick' : true
        });


        $('#coda-slider').codaSlider({
            autoSlide: true,
            autoSlideInterval: 5500,
            autoHeightEaseDuration: 2500,
            autoHeightEaseFunction: "easeInOutElastic",
            slideEaseDuration: 2500,
            slideEaseFunction: "easeInOutElastic",
            dynamicArrows: false,
            dynamicTabs: false
        });
    });
</script>

不知道为什么它不能正常工作:)希望你们知道=)

Answer 1

造成此错误的具体原因是CodaSlider的crossLinking设置，该设置默认为true。如果你在对插件的js调用中设置了crossLinking: false，它就会起作用。不知道crossLinking对你有多重要，但是Fancybox正在DOM中搜索一个相对于它自身的页面，因此在你点击尾部滑块导航后它会失败，因为如果你点击尾部滑块的幻灯片1，这样做会附加一个带有面板编号的#散列标记，例如http://myurl.com/#1。我的代码如下所示：

<script type="text/javascript">
$().ready(function() {

    // set up events slider                
       $('#home_slider').codaSlider({
           autoSlide: true,
           autoSlideInterval: 5500,
           slideEaseDuration: 1450,
           autoSlideStopWhenClicked: true,
           crossLinking: false
       });


</script>