Wordpress联系人表格7与我的jQuery代码冲突 - Wordpress Contact Form 7 Conflicting with my jQuery code

Wordpress Contact Form 7 Conflicting with my jQuery code

我在Wordpress网站上安装了这个插件，但它立即与我的自定义javascript发生冲突。

我知道在插件中禁用AJAX的方法，也知道在特定页面上加载Contact表单7JS的方法。然而，这两者都不可行。我需要插件和我自己的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,
    }
});

感谢

这可能是DOM定时问题，您是否尝试过将此代码包装在文档就绪块中？

$(function() {
    var $container = $('.gallery');
    $container.isotope({
        resizable: false, // disable normal resizing
        filter: '*',
        animationOptions: {
            duration: 750,
            easing: 'linear',
            queue: false,
        }
    });
});

已修复。这绝对是一个jQuery冲突。

我打开了我的自定义JS文件，并将文档从$更改为jQuery。然后，我将文件中的每一个$实例都更改为jQuery，现在一切都很顺利。