腳本不會在WordPress插件中運行

我正在開發一個非常簡單的插件，它根據用戶輸入計算字段總數。腳本不會在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>

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

它不喜歡的jsfiddle但同樣，這將作爲一個文件在頁面上運行，腳本在表單之前，在WordPress中運行。

幫助感謝！

來源

2014-04-16 JPate

當您在外部文件中使用腳本時，您可能會複製JavaScript中的腳本標記。刪除這些，你很好。我已經更新了小提琴因此它可以證明：http://jsfiddle.net/p8j3T/3/

刪除：

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

和

// --> 
     </script>

---編輯---

回答下面的評論：

文章:(這一個將確保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>

來源

2014-04-16 18:57:39 JosFabre

好主意！但腳本仍然不會運行。該腳本顯示在html生成的頁面中，但沒有功能。我花了很多時間在這上面，我被卡住了！ – JPate

確保您使用wordpress方式嵌入JavaScript（A）或使用bloginfo方法獲取模板（B）內的js文件的完整url。由於本評論缺乏格式化，我會在上面的答案中加上A和B. – JosFabre

並使用調試器查看您是否沒有任何js錯誤，例如firebug或Chrome開發人員工具（cmd-option- J）或IE開發者工具（F12） – JosFabre

腳本不會在WordPress插件中運行

回答

相關問題