0

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

Coda Slider の Head で jquery-easing Plugin を呼び出すと、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>

なぜこれがうまくいかないのかわかりません:)みんなが知っていることを願っています=）

4

1 に答える 1

0

このバグの具体的な理由は、crossLinkingデフォルトでtrueに設定されているCodaSliderの設定です。crossLinking: falseプラグインへのjs呼び出しを設定すると、機能します。クロスリンクがあなたにとってどれほど重要かはわかりませんが、FancyboxはDOMを検索して、それ自体に関連するページを探しています。したがって、コーダスライダーナビゲーションをクリックすると、パネル番号に＃ハッシュマークが追加されるため、失敗しますhttp://myurl.com/#1。コーダスライダーのスライド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>
于 2011-02-18T03:09:44.333 に答える