我花了三天时间试图让我的 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 更改为更简单的东西,但似乎没有任何效果。
这是一个自己构建的主题,所以我可能会遗漏一些非常简单的东西,这会导致我尝试的一切都失败——有人知道我可能哪里出错了吗?
最佳答案
我认为这是您的代码的问题,我使用带有选项卡上的站点的控制台制作了这张屏幕截图。
jQuery 无法找到任何 .nav-menu
元素来为其添加 .slideToggle()
效果。只需检查所有 DOM 类在 HTML 和 Javascript 代码中是否有效。
关于javascript - 我的 jQuery 脚本似乎正在加载,但不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34502481/