0

このサイトで競合のない js を使用していますhttp://tidypools.com/tid-temp

Fancy box が Firefox で動作しません。firebug を使用すると、次のエラーが表示されます。

エラー行: 99

Safariでもエラーが発生しています：

TypeError: '[object Object]' は関数ではありません ('...} の近く)(jQuery); //CLOSE NO...')

スクリプト行 99 を開くと、スクリプトの最後の行です。

})(jQuery); //CLOSE NO CONFLICT//

括弧、セミコロン、移動などを取り除いて、jsクリーナーを試しましたが、何も機能していないようです。何が間違っているかについての考え。ありがとうございます。

ここにコピーするよりも読みやすいので、js http://tidypools.com/tid-temp/js/plugins.jsへのリンクを次に示します。

@クレシュニク・ハサナイ

plugin.js ファイル内のファンシー ボックスのコードは次のとおりです。

        // ******************************** LIGHTBOX ********************************
    $(".fancybox").fancybox();
    $(".grouped_elements").fancybox({
        helpers: {
            title: {
                type: 'inside'
            }
        }
    })
});
// ******************************** LIGHTBOX MOBILE ********************************
$(".mobile_grouped_elements").attr('rel', 'gallery').fancybox({
    padding: 0,
    margin: 5,
    nextEffect: 'none',
    prevEffect: 'none',
    autoCenter: true,
    afterLoad: function() {
        $.extend(this, {
            aspectRatio: true,
            type: 'html',
            width: '90%',
            height: '80%',
            content: '<div class="fancybox-image" style="background-image:url(' + this.href + '); background-size: cover; background-position:50% 50%;background-repeat:no-repeat;height:100%;width:100%;" /></div>'
        });
    }
});
4

2 に答える 2

1

コードを最初に見ただけでは、問題は明らかではありません。

あなたはこれを持っています：

//**************************************************************************
// ******************************** NO CONFLICT ********************************
jQuery.noConflict() // return `$` to it's previous "owner"
(function($) { // in here you're assured that `$ == jQuery`

// ... left out code that is not important for the problem ....

})(jQuery); //CLOSE NO CONFLICT//

この部分の問題はjQuery.noConflict()、;.

JS インタープリターの場合は次のようになります。

jQuery.noConflict()(
    function($) {
    }
})(jQuery);

jQuery.noConflict() 関数を返さないため、このエラーが発生します。;このような問題を回避するには、場合によっては省略できる場合でも追加します。

于 2013-06-11T21:04:57.207 に答える
0

アップデート

t.niese で述べられているようにセミコロンがないことに加えて、最初のライトボックス コードの 8 行目に余分な "})" があり、それが問題を引き起こしていることに気付きました。

に変更しました

// ******************************** LIGHTBOX ********************************
    $(".fancybox").fancybox();
    $(".grouped_elements").fancybox({
        helpers: {
            title: {
                type: 'inside'
            }
        }
    });

そしてそれは今働いています。

助けてくれてありがとう！

于 2013-06-12T04:24:05.427 に答える