Question

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

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

登录后，用户将被重定向到Welcome.html，其中仅包含页眉页面HeaderTemplate.html。我想专注于此欢迎页面上的注销按钮，因此javascript focus（）不能在HeaderTemplate.html。

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

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

但仍然无效。我怎样才能做到这一点？任何帮助将不胜感激。谢谢你的时间。

Answer 1

使用.load()

的callback方法

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

设置焦点在用jQuery load方法导入的其他页面的元素上

1 个答案: