Wordpress Contact Form 7與我的jQuery代碼沖突

Question

我已經在我的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,
    }
});

謝謝

Answer 1

這可能是DOM計時問題，您是否嘗試過將代碼包裝在doc-ready塊中？

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

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

Answer 2

固定。 絕對是jQuery沖突。

我打開了自定義JS文件，然后將文檔從$更改為jQuery。 然后，我的每$單個實例更改為jQuery的文件中，一切現在工作的順利進行。