duanshang9426 2015-02-06 10: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 10: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 Android系统裁剪
  • ¥15 雄安新区高光谱数据集的下载网址打不开
  • ¥66 android运行时native和graphics内存详细信息获取
  • ¥100 求一个c#通过CH341读取数据的Demo,能够读取指定地址值的功能
  • ¥15 rk3566 Android11 USB摄像头 微信
  • ¥15 torch框架下的强化学习DQN训练奖励值浮动过低,希望指导如何调整
  • ¥35 西门子博图v16安装密钥提示CryptAcquireContext MS_DEF_PROV Error of containger opening
  • ¥15 mes系统扫码追溯功能
  • ¥40 selenium访问信用中国
  • ¥20 在搭建fabric网络过程中遇到“无法使用新的生命周期”的报错
手机看
程序员都在用的中文IT技术交流社区

程序员都在用的中文IT技术交流社区

专业的中文 IT 技术社区,与千万技术人共成长

专业的中文 IT 技术社区,与千万技术人共成长

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

客服 返回
顶部