【问题标题】:Why isn't enqueued script in wordpress working?为什么 wordpress 中的排队脚本不起作用?
【发布时间】:2014-08-12 20:27:15
【问题描述】:

我有一个使用 functions.php 的 Wordpress 子主题,其中包含以下内容:

    <?php
        add_action( 'wp_enqueue_scripts', 'load_custom_script' ); 
        function load_custom_script() { 
        wp_register_script( 'custom-script', get_template_directory_uri() . '/js/wpw-custom.js',   array('jquery'), '1.0', true ); 
        wp_enqueue_script( 'custom-script' );
      }
   ?>

这是成功加载我的自定义脚本,在页脚中,在 jQuery 本身加载之后。自定义脚本包含以下测试代码,让我知道入队过程是否有效:

$( document ).ready(function() {
alert( "ready!" );
});

我可以在我的页面上查看源代码并验证我的 wpw-custom.js 是否成功加载,但它没有执行警报!

我做错了什么或者我可以采取哪些步骤来有条不紊地找出我做错了什么?非常感谢您的帮助!

【问题讨论】:

  • 控制台有错误吗?如果你在控制台输入$,你会得到什么?尝试将$ 替换为jQuery
  • 感谢你也德里克。这正是我应该做的,但我没想到。

标签: javascript php jquery wordpress


【解决方案1】:

WordPress 中的 jQuery 在 noConflict 模式下运行,这意味着 jQuery 的全局 $ 快捷方式不可用。将您的代码替换为以下内容:

jQuery(document).ready(function($) {
    alert( 'ready!' );
});

在文档就绪包装器中,$ 可以用作 jQuery 的别名。

【讨论】:

  • 是的,(羞愧的脸)就是这样。我也比较清楚。达尼特。谢谢大佬。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-10-03
  • 2013-11-18
  • 1970-01-01
相关资源
最近更新 更多