【问题标题】:How do I use JQuery in my Wordpress plugin如何在我的 Wordpress 插件中使用 JQuery
【发布时间】:2015-05-01 17:50:08
【问题描述】:

我一直在寻找答案,但到目前为止对我没有任何帮助。

我已经在 Wordpress 之外测试了 jQuery 代码,它似乎可以工作,所以我认为我在注册或排队 js 文件时遇到了问题

我想在我正在编写的 wordpress 插件中使用 Jquery。我尝试使用以下代码注册并入队:

function my_script() {
    wp_register_script('my_script', plugins_url('js/my_script.js', __FILE__), array('jquery'),'1.1', true);
    wp_enqueue_script('my_script');
}

add_action( 'wp_enqueue_scripts', 'my_script' );

但由于某种原因,这不起作用。

我拥有的 Jquery 代码:

$(document).ready(function(){

    $('.test').css("background-color", "red");

});​

我也试过:jQuery$(document).ready(function(){jQuery(document).ready(function(){

但似乎没有任何效果。

编辑:我去看了我的来源,我得到的是以下内容,我不知道这是正确的,因为我对 wordpress 很陌生..

<script type="text/javascript" src="http://example.com/wp-content/plugins/my-plugin/same-hight.js?ver=1.1"></script>

请帮忙。

提前感谢您的任何回答。

【问题讨论】:

  • jQuery(document).ready(function(){// CODE HERE }); 实际上可以确保您的浏览器没有缓存 JS 的副本
  • JS 文件是否真的被正确的 URL 排队?验证脚本是否出现在您的源代码中并且 src 正确。
  • 还发布任何类型的错误消息,因为这对我们来说几乎可以缩小范围。
  • 感谢所有答案:-)。我会检查以上所有内容。 @Musk - 我没有收到任何错误消息。我所看到的是,当我打开我的 js 文件并在 wordpress 中编辑该文件时,它处于非活动状态......但我的 css 文件也处于非活动状态并且它可以工作。

标签: jquery wordpress plugins


【解决方案1】:

使用jQuery(doc... 是正确的方法,但您没有将$ 传递给函数,这就是它不适合您的原因。

变化:

$(document).ready(function(){

    $('.test').css("background-color", "red");

});​

收件人:

jQuery(document).ready(function($) {

    $('.test').css("background-color", "red");

});​

【讨论】:

  • 谢谢@Nathan Dawson。有机会我会尽快尝试的
  • 我刚刚试了一下,但由于某种原因它似乎仍然不起作用。我将帖子中的编辑与我在 Google Chrome 中使用 F12 检查代码时得到的结果相匹配。请检查。谢谢。
  • 嗨,终于成功了,jquery代码有问题:s(跛脚)。但它的工作方式是你建议的。 :) 所以 +1 并接受回答 :)
猜你喜欢
  • 2010-10-29
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-04-15
  • 1970-01-01
  • 1970-01-01
  • 2019-05-29
相关资源
最近更新 更多