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的文件中，一切现在工作的顺利进行。