如何在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代码

回答

相关问题