如何在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()
});