如何仅在WordPress中选定的插件页面上调用注册的JavaScript？

Question

我想要的只是将我的自定义JavaScript添加到我的插件的主页。

这里是我做过什么：

1.首先注册我的剧本，

function register_my_plugin_script() { 
     /* Register our script. */ 
     wp_register_script('my-plugin-script', plugins_url('/script.js', __FILE__), array('jquery')); 
    } 
add_action('admin_init', 'register_my_plugin_script'); 

2.然后对其作出了一个电话，

function call_my_script(){ 
    wp_enqueue_script('my-plugin-script'); 
} 

3 。然后试图只在我的主页上打电话给它：

function my_home_page(){ 
    add_action('admin_enqueue_scripts', 'call_my_script'); 
} 

但它没有添加脚本。

添加菜单页面的进一步代码：

function my_menu_pages(){ 
    add_menu_page('some title', 'some menu', 'manage_options', 'my-plugin-homepage', 'my_home_page'); 
} 
add_action('admin_menu', 'my_menu_pages'); 

注： 如果我直接在my_home_page功能包括我的脚本无需注册或调用这个样子，那么它的工作原理。

function my_home_page(){ 
    wp_enqueue_script('my-plugin-script', plugins_url('/script.js', __FILE__), array('jquery')); 
} 

这样做的最佳方法是什么？

Answer 1

在管理区域中有一个用于插件页面的钩子 - 但确定它的名称可能很困难。

请先尝试：

add_action('admin_enqueue_scripts', 'my_plugin_enqueue_scripts'); 
function my_plugin_enqueue_scripts($hook) 
{ 
    echo "<!-- Hook = {$hook} -->" . PHP_EOL; 
} 

...然后访问你的插件的页面在管理区域，并查看HTML源代码找到该变量的输出。或者，设置断点并在调试器中查看它。

一旦你找到了钩的名字，你可以做你的插件代码如下：

add_action('admin_enqueue_scripts', 'my_plugin_enqueue_scripts'); 
function my_plugin_enqueue_scripts($hook) 
{ 
    if ($hook == 'my_plugin_page_hook-location') 
    { 
     wp_register_script(...); 
     wp_enqueue_script(...); 

     wp_register_style(...); 
     wp_enqueue_style(...);  
    } 
}