如何在 Wordpress 文件 "single.php" 中添加自定义 javascript 代码

Question

我在 Wordpress 文件中添加自定义 javascript 代码时遇到问题 "single.php" 我按照这些步骤操作，但没有成功 How to add JavaScript to WordPress PHP file? 我不知道这是否是出于 WordPress 安全目的而发生的顺便说一句，这是 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 提到的那样，执行此操作的首选方法是将脚本放入它自己的文件中，然后 link 放入其中。进入主题的 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()
});

如何在 Wordpress 文件 "single.php" 中添加自定义 javascript 代码

How to add custom javascript code in the Wordpress file "single.php"

javascript

php

wordpress