jQuery in WordPress Plugin

时间:2020-02-04 作者:Foysal

我正在学习WordPress插件开发。现在,我需要将jQuery代码放在一个文件中。在哪里可以放置jQuery代码?

2 个回复
最合适的回答,由SO网友:Cadu De Castro Alves 整理而成

您应该放置.js 文件放入插件目录(可以是根目录或任何其他文件夹,如assetsjs).

要在前端将JS和CSS文件排队,请执行以下操作:

function wp_357866_enqueue_frontend()
{
    wp_enqueue_script(\'your-script\', get_template_directory_uri() . \'/path/to/js/your-script.js\', array(), null, true); // You should set the last parameter to \'true\' to load JS in the footer
    wp_enqueue_style(\'your-style\', get_stylesheet_directory_uri() . \'/path/to/css/your-style.css\', array(), null);
}
add_action( \'wp_enqueue_scripts\', \'wp_357866_enqueue_frontend\' );
参考号:wp_enqueue_scripts

要将JS和CSS排入管理队列,请执行以下操作:

function wp_357866_enqueue_admin()
{
    wp_enqueue_script(\'your-script\', get_template_directory_uri() . \'/path/to/js/your-script.js\', array(), null, true); // You should set the last parameter to \'true\' to load JS in the footer
    wp_enqueue_style(\'your-style\', get_stylesheet_directory_uri() . \'/path/to/css/your-style.css\', array(), null);
}
add_action( \'admin_enqueue_scripts\', \'wp_357866_enqueue_admin\' );
参考号:admin_enqueue_scripts

SO网友:Tom J Nowell

您应该将javascript放在.js 文件,然后使用wp_enqueue_script 在相应挂钩上运行。一定要申报jquery 当您调用wp_enqueue_script, 一定要打正确的电话,否则WordPress会投诉的

相关推荐

WordPress REST终结点无法使用jQuery访问

我在WordPress中有REST端点,我正在尝试使用前面脚本中的jQuery ping它。当通过浏览器询问时,此选项有效:http://example.com/wp-json/wpc_ylp/v2/videos/但当我试图用jQuery从前端访问它时,它不起作用。我尝试了不同的AJAX请求,但没有得到任何响应。有人知道我做错了什么吗?此处为Rest端点:// REST END POINT FOR THE VIDEOS function wpc_ylp_rest_videos( ) { &