Coda SliderとFancyboxの衝突

Question

Coda SliderとFancyboxに問題があります。 Fancyboxを使用して、Iframe内の外部サイトを読み込み、Codaスライダは、スタートページのコンテンツスライダ用です。

私がjoda-easingプラグインをCoda Sliderの頭の中で呼び出した場合、Fancyboxは機能しません。私はjqueryの-緩和-1.3へのリンクを削除するとコーダスライダーは、例外がスローされますが、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> 

は知ってはいけませんshould： あなたはあなたが知っている=）

Answer 1

このバグの具体的な理由は、crossLinkingのCodaSliderのデフォルトがtrueに設定されていることです。プラグインにjs呼び出しでcrossLinking: falseを設定すると、プラグインが機能します。クロスリンクがあなたにとってどれほど重要かはっきりしていませんが、FancyboxはDOMを検索して自分自身と関連するページを探していますので、コーダースライダーナビゲーションをクリックすると失敗します。 http://myurl.com/#1あなたのcoda-sliderのスライド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>