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

Question

我以为这真的很简单，但我花了几天时间，被卡住了。

其思想是通过短码在页面上插入一个表单；表单根据用户输入计算总数。当将脚本和表单放在单个HTML文件中时，它们可以很好地结合在一起。在插件中(如您将看到的)，JS和表单文件分别被调用。目前，脚本加载到输出中，表单加载到包含短代码的页面上，但是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/

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

谢谢！！

Answer 1

删除插件URL，plugins_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

插件路径被添加两次。