我无法将 javascript 文件应用到 Wordpress。我如何将脚本排入队列？

Posted 2023-03-05

【中文标题】我无法将 javascript 文件应用到 Wordpress。我如何将脚本排入队列？

【英文标题】：I am having trouble applying a javascript file to Wordpress. How Do I Enqueue Scripts?

【发布时间】：2017-03-20 04:00:34

【问题描述】：

我在我的 wordpress 网站上应用依赖于 jQuery 的 javascript 时遇到问题，css 函数有效，但 javascript 函数无效。有什么提示或帮助吗？

http://minecraftserverzz.com/youtube/

function wp_chiquedesigns_styles() 

   wp_enqueue_style( 'style_css', get_template_directory_uri() . '/style.css' );



add_action( 'wp_enqueue_scripts', 'wp_chiquedesigns_styles' );

function chiquedesigns_child_scripts() 

    wp_enqueue_script( 'main js', get_stylesheet_directory_uri() . '/main.js', array( 'jquery' ), true);



add_action( 'wp_enqueue_scripts', 'wp_chiquedesigns_child_scripts' );

【参考方案1】：

wp_enqueue_script( 'main js', get_stylesheet_directory_uri() . '/main.js', array( 'jquery' ), true);

以上代码生成如下路径：

http://minecraftserverzz.com/youtube/wp-content/themes/Chique%20Designs.zip/js/main.js

这是一个 404 - 文件不存在。

get_stylesheet_directory_uri() 返回以下字符串。

http://minecraftserverzz.com/youtube/wp-content/themes/Chique%20Designs.zip/js

您的 main.js 文件似乎位于其上方的文件夹级别。尝试将 main.js 文件移动到 js 文件夹中

【讨论】：

好的，目录现在是，但是 jQuery 脚本没有像预期的那样工作？我知道这可能是在浪费您的时间，但是您能检查一下我的脚本吗？ minecraftserverzz.com/youtube/wp-content/themes/…

@McDiamund 如果您在页面上打开控制台，您会看到有一些错误。第一个是 main.js 文件中第 40 行的语法错误。

非常感谢，我解决了所有问题，现在我回到了正轨:) 有需要时，其他人可以提供帮助。

@McDiamund 没问题，我很高兴您能够解决您的 main.js 问题。