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

【问题标题】：My first WordPress plugin - Can't get script to run我的第一个 WordPress 插件 - 无法运行脚本
【发布时间】：2014-06-01 16:24:48
【问题描述】：

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

这个想法是通过简码在页面上插入表单；该表单根据用户输入计算总数。脚本和表单放在单个 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/

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

谢谢！！

【问题讨论】：

How to load JavaScript like a WordPress Master

标签： javascript php forms wordpress

【解决方案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

插件路径加了两次。

【讨论】：

这样做会破坏它；激活插件返回错误等。
在“激活”（在本地服务器上）返回：“解析错误：语法错误，意外“，”在 E:\Websites\www.newdestinytest1.dev\wp-content\plugins\NDM- mini-storage-calc\ndm-mini-storage-calc.php 在第 34 行' 也许是“注册”和“入队”？我认为你是对的，我只是没有看到修复！
某处有错字，你有一个意外的逗号。当我没有要测试的东西时，真的很难看到哪里，但仔细阅读错误消息，找到错误所在的行，然后阅读，直到你弄清楚它在哪里。
哦，有点晚了！很好，很乐意提供帮助
糟糕，只能在本地服务器上运行……仍在努力！（至少它在那里工作！）现在的问题是，HTML 页面不会通过短代码加载。