将焦点设置在使用jQuery加载方法导入的其他页面的元素上

Set focus on element of other page imported with jQuery load method

本文关键字：其他 导入 元素 方法 加载 设置 焦点 jQuery      更新时间：2023-09-26

我有HeaderTemplate.html，其中包括注销按钮和导航菜单。这个页面将使用jQuery从不同的页面导入，如下所示:

$(function(){
    $("#headermenu").load("HeaderTemplate.html");
});
.
.
</head>
<body>
<div id="headermenu"></div>

登录后，用户将被重定向到仅包含标题页HeaderTemplate.html的Welcome.html。我想只在这个欢迎页面上设置注销按钮的焦点，因此javascript焦点()不能在HeaderTemplate.html中。

问题是，当HeaderTemplate.html被导入时，无论我把代码放在页面的哪里，javascript都找不到注销按钮的id。我甚至这样尝试过。

<div id="headermenu"></div>
<script>
    document.getElementById('logout-button').focus();
</script>

但仍然不起作用。我该怎么做呢?任何帮助都将非常感激。感谢您的宝贵时间。

使用callback方法 .load () 

$("#headermenu").load("HeaderTemplate.html", function () {
    $('#logout-button').focus();
    //Or
    //document.getElementById('logout-button').focus();
});
相关文章：