在WordPress中使用jQuery库

标签: ,

如果你想,你可以下载jQuery,把它放到服务器上并在header.php的<head>标签中包含它,或者使用Google AJAX中的jQuery库。但是有些插件中使用了jQuery库,并且它们也会加载它,这可能会带来麻烦。

另一方面,WordPress已经包含了一份jQuery。下面是在你的主题中加载jQuery的正确方法。把下列代码放到header.php的<head>标签中:

<?php wp_enqueue_script("jquery"); ?>
<?php wp_head(); ?>

你的主题也许已经定义了wp_head函数,你仅仅需要确定在它之前调用wp_enqueue_script函数。现在你可以在wp_head函数之后使用jQuery库了。

jQuery(document).ready(function(){
    alert("Hello world");
});

需要注意的是,WordPress已经用jQuery.noConflict()将jQuery中的$变量释放以避免多个JavaScript库之间的冲突问题。当jQuery中要使用到$变量时,需要用jQuery来代替。

参考链接:

  1. Including jQuery in WordPress (The Right Way)
  2. WordPress的jquery库不起作用?
赞赏

微信赞赏支付宝赞赏

随机文章:

  1. Zen Coding for EditPlus
  2. Windows下编译支持IPv6的Apache
  3. VBS普通青年 vs 文艺青年 vs 2B青年
  4. VARIANT与VT_DATE
  5. VBS SendMessage

留下回复