如何在Wordpress文件“ single.php”中添加自定義javascript代碼

Question

我按照以下步驟在Wordpress文件“ single.php”中添加自定義javascript代碼時遇到問題，但沒有成功。 如何將JavaScript添加到WordPress PHP文件中？ 我不知道這是出於WordPress安全目的還是Btw，這是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>

謝謝！

Answer 1

正如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”。 請參閱此處： 默認的Wordpress腳本 。

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

還請注意，如果我正確閱讀room_combobox ，則js代碼的問題是您實際上並未調用room_combobox函數。 將以下內容添加到腳本中-它將在文檔加載時觸發：

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