Question

<a id="bigMenu" aria-expanded="false" title="Forschung und Entwicklung" href="index.php?id=4"><span class="glyphicon glyphicon-menu-right" id="spanID"></span>Forschung und Entwicklung</a>

我有以下单击此链接时执行的Javascript代码：

$('#bigMenu').click(function () {
    element = document.getElementById("spanID");
    menuElement = document.getElementById("bigMenu");
    if (element.className == "glyphicon glyphicon-menu-right") {
        element.className = "glyphicon glyphicon-menu-down";
        jQuery("#collapseMenu").show();
        menuElement.setAttribute('aria-expanded', true);
        sessionStorage.setItem("expand", true);
    } else {
        element.className = "glyphicon glyphicon-menu-right";
        jQuery("#collapseMenu").hide();
        menuElement.setAttribute('aria-expanded', false);
        sessionStorage.setItem("expand", false);
    }
    curURL = document.URL;
    substring = "id=4";
    if (curURL.match(substring)) {
        return false;
    }
});

关于curURL位，如果我已经在页面上，我不希望页面重新加载。因此，我只是返回而不是加载页面（在这种情况下这将是多余的）。

我想要实现的目标如下：

当用户点击F＆amp; E链接时，页面F＆amp; E打开（此工作）并且焦点仍然在F＆amp; E链接上（这不起作用）。

我试图通过以下方式实现它（上面代码中显示了添加内容）

jQuery("#collapseMenu").show();
$( document ).ready(function() { menuElement.focus() });

那不起作用，显然这不是正确的方法。有人能告诉我这里保持焦点的正确方法是什么？

保持对DOM重新加载的焦点（）

0 个答案: