javascript - 我的 jQuery 脚本似乎正在加载,但不工作

标签 javascript php jquery wordpress

我花了三天时间试图让我的 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

最佳答案

我认为这是您的代码的问题,我使用带有选项卡上的站点的控制台制作了这张屏幕截图。

console.log

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

关于javascript - 我的 jQuery 脚本似乎正在加载,但不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34502481/

相关文章:

Javascript:将球保持在圆圈动画内

javascript - 在不控制读取流的情况下将转换流应用于写入流?

PHP 函数不返回 TRUE - 但它是

javascript - jQuery:单击任意位置即可删除类,而不使用 $ ('body' ).on ('click'

javascript - 带有 javascript_include_tag 的 Rails 3.2.8 引擎中的 ExecJS::RuntimeError

php - exec() 只是在我在浏览器中访问目标 php 时运行

php - 什么是 Kohana 3.2 中最小的完整分页示例?

jquery - iCheck 复选框不显示

c# - 将 z-index 添加到窗口

javascript - React 表单中的 this.setstate 未设置状态