我的第一个WordPress插件-Can'无法运行脚本

My first WordPress plugin - Can't get script to run

本文关键字：运行 脚本 第一个 WordPress 插件 -Can 我的      更新时间：2023-09-26

我原以为这会很简单，但已经花了几天时间，陷入了困境。

这个想法是通过短代码在页面上插入一个表单；表单根据用户输入计算总数。当将脚本和表单放在一个HTML文件中时，它们可以很好地结合在一起。在插件中（正如您将看到的），JS和FORM文件是分别调用的。目前，脚本加载在输出中，表单加载在具有短代码的页面上，但CALC函数在本地或我的服务器上都无法工作。以下是我的插件的基本功能：

/* Register and enqueue the script*/
wp_register_script( 'ndm-mini-storage-calculator', plugins_url('/ndm-mini-storage-calc/ndm-mini-storage-calculator.js', __FILE__ ) );
wp_enqueue_script( 'ndm-mini-storage-calculator' );

/* Add function to load the form and add shortcode */
function show_calc_form(){
return $options = wp_remote_retrieve_body( wp_remote_get( plugins_url() . '/ndm-mini-storage-calc/mini-storage-calculator_noscript.html' ) );
}
add_shortcode('ndm-mini-calc', 'show_calc_form');

脚本和表单在这里：http://jsfiddle.net/p8j3T/2/

Live页面在这里：http://www.northwindcomputing.com/ndm-mini-storage-calc-test/

谢谢！！

删除插件URL，plugins_url将为您获取该URL
在init上加载文件也是个好主意

add_action('init', 'load_ndm_mini');
function load_ndm_mini(){
    wp_register_script( 'ndm-mini-storage-calculator', plugins_url('ndm-mini-storage-calculator.js', __FILE__ ) );
    wp_enqueue_script( 'ndm-mini-storage-calculator' );
}

如果你打开控制台，你会注意到url看起来像

http://www.northwindcomputing.com/wp-content/plugins/ndm-mini-storage-calc/ndm-mini-storage-calc/ndm-mini-storage-calculator.js?ver=3.9

当脚本位于时

http://www.northwindcomputing.com/wp-content/plugins/ndm-mini-storage-calc/ndm-mini-storage-calculator.js?ver=3.9

插件路径被添加了两次。

相关文章：