Question

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

该插件显示一个调用关联javascript的表单。我开始创建一个文件（脚本+ html表单），在我的本地WP div网站上运行良好，但是当我＆＃34;拆分它时＃34;在脚本文件和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>

JsFiddle：http://jsfiddle.net/p8j3T/2/

它不像jsfiddle，但是，再次，这将在一个页面上作为ONE文件运行，脚本在WordPress中的脚本之前。

帮助表示赞赏！

Answer 1

在外部文件中使用脚本时，您可能会从javascript中复制脚本标记。删除那些，你很好。我已经更新了小提琴，所以它可以演示：http://jsfiddle.net/p8j3T/3/

删除：

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

和

// -->
        </script>

--- --- EDIT

以下评论的答案：

答:(这个也会确保加载jquery）

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

B：

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

脚本不会在WordPress插件中运行

1 个答案: