我的jQuery脚本似乎正在加载，但不起作用

Question

我花了三天时间试图让我的jQuery脚本在我的wordpress主题上工作，但是我在网上找到的任何教程都没有运气。

我设法进入了脚本似乎正在加载的阶段，但它们实际上并没有正常运行。它们在页面源查看器中可见，当我单击链接时，它会显示正确的代码。

在我的functions.php中，我有以下内容：

function lucieaverillphotography_scripts() {
wp_enqueue_script( 'script js', get_stylesheet_directory_uri() . '/js/script.js');
}
add_action( 'wp_enqueue_scripts', 'lucieaverillphotography scripts' );

我的jQuery代码是：

jQuery(document).ready(function() {

jQuery(".menu-trigger").click(function() {

jQuery(".nav-menu").slideToggle(400, function() {
        jQuery(this).toggleClass("nav-expanded").css('display', '');
});

});

});

我尝试将jQuery更改为更简单的东西，但似乎没有任何效果。

这是一个自我构建的主题，所以我可能会遗漏一些非常简单的东西导致我尝试失败的一切 - 有谁知道我可能会出错？

我的网址网址为http://www.lucieaverillphotography.co.uk

Answer 1

我认为这对你的代码有问题，我在选项卡上使用带有网站的控制台制作了这个截图。

jQuery无法找到任何.nav-menu元素来添加.slideToggle()效果。只需检查所有DOM类在HTML和Javascript代码中是否有效。