在wordpress主题中使用jQuery

时间:2012-07-01 00:19:18

标签: jquery wordpress jquery-plugins wordpress-theming

我想在wordpress主题中使用jquery插件,但是无法让它工作。

在functions.php中我有:

<?php wp_enqueue_script('jquery'); ?> 
<?php wp_enqueue_script('jquerycountdownpackjs', '/wp-content/themes/mytheme/jquery.countdown.pack.js', array('jquery'),'1.2.6'); ?> 

这是我需要告诉wordpress加载jQuery然后加载我的插件吗?

在header.php中,我用:

开始jquery
jQuery(document).ready(function($) {

我还缺少什么? 应该显示插件结果的div不显示任何内容。我正确加载jQuery吗?

1 个答案:

答案 0 :(得分:2)

如果它只是jQuery,那么你需要放入标题。

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

注意:如果从wp_head或wp_print_scripts操作调用此函数,则此函数将无效,因为在运行这些操作之前需要将文件排入队列。

实际的jQuery脚本需要在document.ready包装器或自调用匿名函数中:

jQuery(document).ready(function($) {
// $() will work as an alias for jQuery() inside of this function
});

或SIAF

(function($) {
// $() will work as an alias for jQuery() inside of this function
})(jQuery);