好的,这是我第一次将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代码那样弹出。
最合适的回答,由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
在代码中。