Question

我在Wordpress文件中添加自定义javascript代码时遇到问题＆＃34; single.php＆＃34;我按照这些步骤操作，但它没有工作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所提到的，执行此操作的首选方法是将脚本放在其自己的文件中并链接到它。进入主题的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文件中添加自定义javascript代码＆＃34; single.php＆＃34;

1 个答案: