duanshang9426 2015-02-06 18:17
浏览 71
已采纳

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

I have a problem with adding custom javascript code in the Wordpress file "single.php" I follow these steps, but it didn't work How to add JavaScript to WordPress PHP file? I dont know if that's happening due to WordPress security purposes or not Btw, this is the javascript function

<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>

Thanks!

  • 写回答

1条回答 默认 最新

  • duandeng2011 2015-02-06 18:39
    关注

    As adeneo mentioned, the preferred way to do this is to put the script in it's own file and link to it. Go into the functions.php file for your theme and add the following action:

    add_action("wp_enqueue_scripts", function() {
         if (is_single()) {
             wp_enqueue_script($script_handle, $path_to_script, [$script_dependencies]);
         }
    });
    

    $script_handle can be anything you like. It's a unique key that identifies your script.

    $path_to_script should point to the location of the js script.

    [$script_dependencies] should be an array of handles to other js scripts your script depends on. Wordpress has a list of built in libraries like 'jquery'. See here: Default Wordpress Scripts.

    Only the first two parameters are required. You can also add the version and whether or not to embed the script tags on the top or bottom of the page. That's covered in the documentation for wp_enqueue_script if you want to know more.

    Note also that the issue with your js code, if I'm reading this correctly, is that you're not actually calling the room_combobox function. Add the following to your script--It will trigger on document load:

    jQuery(document).ready(function() {
        room_combobox()
    });
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥15 multisim中关于74ls192n和DSWPK开关的问题(相关搜索:计数器)
  • ¥15 在误装Windows server2019 后如何利用Windows.old恢复?
  • ¥20 代码实现状态连接包过滤防火墙的设计与实现
  • ¥15 vscode的红色箭头爆红和has no default export报错
  • ¥15 关于#sql#的问题:#情况描述 在用vs对项目进行调试时,出现找不到网络路径,然后查看SQL配置工具,发现SQL服务显示远程调用过程失败(相关搜索:防火墙)
  • ¥15 eNSP中基于默认路由及浮动路由的公司与分部互联和校园网综合项目
  • ¥15 主要进行描述泥浆在管路不同区段泥浆的密度不相同,泥浆的密度有高有低,此时管路的摩阻分布需要怎么计算,(标签-matlab)
  • ¥40 通过编制程序计算圆管内层流充分发展对流换热,参数如图5-4,以及公式5-16所示,要求用表5-6对程序计算准确性进行验证
  • ¥20 该学习哪个编程语言? AI会取代程序员吗?
  • ¥15 ensp如何拼通IP地址