如何在WordPress插件中包含简单的jQuery文件

时间:2012-02-17 作者:Ronny K

好的,这是我第一次将jQuery包含到wordpress中,我花了整整两天的时间才弄明白这一点。无论我读了多少篇文章,我都找不到一个完美的例子。

这是我的插件文件。。。非常简单。

<?php
    /*
    Plugin Name: jQuery Include Test
    Plugin URI: http://jquery.com
    description: A test to include jQuery.
    Author: blah blah
    Author URI: 
    */


// jQuery alert to pop up when the page loads.

    function pop_jquery_test() {
    $src = plugins_url(\'includes/jquerytest.js\', __FILE__);
    wp_register_script( \'jquerytest\', $src );
    wp_enqueue_script( \'jquerytest\' );
    wp_enqueue_script( \'jquery\' );
}
add_action(\'init\',\'pop_jquery_test\'); 
这是jquerytest。js文件

$j=jQuery.noConflict();

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

 alert(\'hi there\');
});
现在的问题是,我如何让它工作?从某种意义上说,当我激活插件时,它会像上面的jquery代码那样弹出。

2 个回复
最合适的回答,由SO网友:mor7ifer 整理而成

您的jQuery是错误的。你想要的是jQuery(docu....$jQuery(docu....

在将组件组装在一起之前,您应该确保组件单独工作(当然是合理的),这将使您更容易进行故障排除。

SO网友:Dipika

function pop_jquery_test() {
    wp_enqueue_script( \'jquery\' );
    $src = plugins_url(\'includes/jquerytest.js\', __FILE__);
    wp_register_script( \'jquerytest\', $src );
    wp_enqueue_script( \'jquerytest\' );
}     
add_action(\'init\',\'pop_jquery_test\'); 
在jquerytest。js文件编写代码并进行测试

 jquery(document).ready(function(){
  alert(\'hi there\');
});
确保您的文件路径正确,否则jquery无法工作。您可以使用firebug来检查jquery是否包含在文件或路径问题中。要么使用$jquery 或变量,但不组合它们$jquery 在代码中。

结束

相关推荐

WP 3.3.1无法使jQuery Datepicker工作

首先我想告诉你HAVE 阅读帖子:jQuery UI Datepicker not working已经我按照指示做了,但我还是做不到。我将WP 3.3.1与标准主题twentyeleven一起使用。还有另外两个jquery正在运行:“jExpand.js”和“sorttable.js”,就是这样。非常简单。在函数中,我添加了以下内容:add_action( \'wp_print_scripts\', \'wp33r01_date_picker\' ); function wp33r01_