0

このプラグインを自分の Wordpress サイトにインストールしましたが、カスタム JavaScript とすぐに競合します。

プラグイン内で AJAX を無効にする回避策と、Contact form 7 JS を特定のページにロードさせる回避策についても認識しています。ただし、これらは両方とも実行可能ではありません。プラグインと独自の JS を連携させる必要があります。

コンソールに表示されるエラー (プラグインがアクティブになり、自分の JS が機能しなくなった後) は次のとおりです。

Uncaught TypeError: Object [object Object] has no method 'isotope' main.js:17

17行目:

    var $container = $('.gallery');
$container.isotope({
    resizable: false, // disable normal resizing

    filter: '*',
    animationOptions: {
        duration: 750,
        easing: 'linear',
        queue: false,
    }
});

ありがとう

4

2 に答える 2

0

Fixed. It was definitely a jQuery conflict.

I opened my custom JS file and changed the document ready from $ to jQuery. I then changed every single instance of $ to jQuery within the file and everything is now working smoothly.

于 2012-08-03T11:04:27.233 に答える
0

これは DOM のタイミングの問題である可能性があります。このコードを doc-ready ブロックにラップしてみましたか?

$(function() {
    var $container = $('.gallery');
    $container.isotope({
        resizable: false, // disable normal resizing

        filter: '*',
        animationOptions: {
            duration: 750,
            easing: 'linear',
            queue: false,
        }
    });
});
于 2012-08-02T20:19:48.563 に答える