Javascript 脚本赢得'；不能在WordPress插件中运行

我正在开发一个非常简单的插件，根据用户输入计算字段总数

该插件显示一个调用关联javascript的表单。我首先创建了一个文件（script+html表单），该文件在本地WP div站点中运行良好，但当我将其“拆分”为脚本文件和html文件时，表单将不会在WP中计算。我验证了脚本是否在页面上运行，但表单没有计算

下面是脚本的一个片段：

<script language="Javascript"><!--
function addUp(form) {
var LR_bookcaseV;
LR_bookcaseV =parseInt(document.spacecalc1.LR_bookcase.value);
if (isNaN(LR_bookcaseV) || LR_bookcaseV == "") {
    LR_bookcaseV = 0;
}

var APP_aircondV;
APP_aircondV =parseInt(document.spacecalc1.APP_aircond.value);
if (isNaN(APP_aircondV) || APP_aircondV == "") {
APP_aircondV = 0;
}
-->

以下是表单的一个片段：

<form name="spacecalc1">
<table border="0" cellpadding="2" cellspacing="0" frame width="100%" height="850">
<tr> 
<td width="107" valign="bottom" style="border-style: solid; border-width: 1"> 
<div class="maintext"> <font size="1" face="Verdana, Arial, Helvetica,sans-serif">       
<b>Living Room</b></font></div></td>

客厅

JSFIDLE：

它与JSFIDLE不同，但同样，它将在WordPress中作为一个文件在页面上运行，脚本位于表单之前

---

谢谢你的帮助

在外部文件中使用脚本时，可能会从javascript复制脚本标记。去掉这些，你就好了。我已经更新了小提琴，使其能够演示：

删除：

<script language="Javascript"><!--

---编辑---

对以下评论的答复：

答：（这将确保jquery也被加载）

B:

---

好主意！但脚本仍然无法运行。脚本显示在html生成的页面中，但没有任何功能。我在这上面花了很多时间，我被卡住了！确保使用wordpress方式嵌入javascript（A）或使用bloginfo方法获取模板中js文件的完整url（B）。由于此评论中缺少格式，我将在上面的答案中添加A和B。并使用调试器查看您是否没有任何js错误，例如firebug或Chrome developer tools（cmd-option-J）或IE developer tools（F12）。好的，谢谢，我想我的问题可能在插件的php函数中。我想我已经让脚本以“WP方式”排队了。我需要做三件事：1。加载脚本。2.通过3检索将出现在帖子或页面上的表单。短代码。到目前为止，我正在加载脚本，加载表单，通过短代码调用表单，但是表单和脚本不能一起工作。我不太清楚如何处理这个问题！使用浏览器调试选项（firebug、dev.tools等）检查javascript错误。你很可能很快就会发现问题所在。你的网站在线吗？
// -->
        </script>

<?php wp_enqueue_script(
    'default',
    get_stylesheet_directory_uri() . '/js/default.js',
    array( 'jquery' )
); ?>

<script src="<?php bloginfo('template_url'); ?>/js/your-js-file.js"></script>