如何在Wordpress文件「single.php」中添加自定義JavaScript代碼

我在Wordpress文件「single.php」中添加自定義JavaScript代碼時出現問題我按照以下步驟操作，但它沒有工作How to add JavaScript to WordPress PHP file? I不知道如果這是發生由於WordPress的安全目的不是順便說一句，這是JavaScript函數如何在Wordpress文件「single.php」中添加自定義JavaScript代碼

<script type="text/javascript"> 

function room_combobox() { 
var text = ""; 
var i; 
for (i = 0; i < 7; i++) { 
text += "<option value=+i+>"+i+"</option>" +"<br>"; 
} 
document.getElementById("combo").innerHTML = "<select name= &#8220; room-adults &#8221; id= &#8220; single-room-adult-selection &#8221; ><option><?php _e(&#8220; No. adults &#8221; , &#8220; nation &#8221;); ?></option>"+text+"</select>"; 
} 

</script>

謝謝！

來源

2015-02-06 Mina Ragaie

，做你把你的腳本文件，並使用'wp_enqueue_script' – adeneo 2015-02-06 18:20:31

@adeneo是的，我做到了！ – 2015-02-06 18:28:41

因此，您刪除了腳本標記，並將javascript放在.js文件中，並使用了'wp_enqueue_script'？獲取javascript的代碼在哪裏，因爲這是相關的？ – adeneo 2015-02-06 18:31:15

正如adeneo提到的，首選的方法是將腳本放在自己的文件中並鏈接到它。進入您的主題functions.php文件並添加以下動作：

add_action("wp_enqueue_scripts", function() { 
    if (is_single()) { 
     wp_enqueue_script($script_handle, $path_to_script, [$script_dependencies]); 
    } 
});

$script_handle可以是任何你喜歡的。這是識別腳本的唯一鍵。

$path_to_script應該指向js腳本的位置。

[$script_dependencies]應該是您的腳本依賴的其他js腳本的句柄數組。 WordPress有一個像「jquery」這樣的內置庫的列表。見這裏：Default Wordpress Scripts。

只需要前兩個參數。您還可以添加版本以及是否將腳本標記嵌入頁面的頂部或底部。如果您想了解更多信息，請參閱wp_enqueue_script的文檔。

請注意，如果我正確讀取這個問題，您的js代碼的問題是您實際上沒有調用room_combobox函數。以下內容添加到您的腳本 - 這將觸發文檔加載：

jQuery(document).ready(function() { 
    room_combobox() 
});

來源

2015-02-06 18:39:36 kellanburket

感謝您的幫助:) 但我可以在哪裏添加此代碼來調用函數？在'room_combobox.js'中的JavaScript文件或你的意思是'single.php' – 2015-02-06 19:09:58

沒問題。將它添加到room_combobox.js。 – kellanburket 2015-02-06 19:17:14

如何在Wordpress文件「single.php」中添加自定義JavaScript代碼

回答

相關問題