jquery focus()和blur()对我的href不起作用。为什么?

时间:2013-05-25 08:05:35

标签: javascript jquery html focus

我的html中有一个链接:

<a id="mnRoles" href="SysRoles.aspx">Roles</a>

这里有更多的HTML:

<tr><td style="vertical-align:top;width:33%;">
<table cellpadding="0" cellspacing="0" class="MenuTable">
<tr><th>HRM</th></tr>
<tr><td><a id="mnRoles" href="SysRoles.aspx">Roles</a></td></tr>
<tr><td><a id="mnFunctions" href="SysFunctions.aspx">Function rights</a></td></tr>
<tr><td><a id="mnRegionalOptions" href="MenuCustomize.aspx">Regional options</a></td>    </tr>
</table></td></tr></table>

<script>sysPageUrl='logposmanagement.aspx'</script></form>

</body>
</html>

我试图通过jQuery设置焦点(或模糊另一个):

<script>
$(document).ready(function(){
    $("#mnRoles").blur();
    $("#mnFunction").focus();
});
</script>

但它不起作用。任何想法为什么?提前谢谢!

(我之所以这样问:我希望在页面加载时将焦点设置为我选择的特定链接(通过jQuery。我无法修改任何html或css)。有人请帮助?谢谢!)

1 个答案:

答案 0 :(得分:1)

Working jsFiddle Demo

您的链接是:

<a id="mnFunctions" href="SysFunctions.aspx">Function rights</a>

请注意,id为mnFunctions,但在您的jQuery代码中,您写道:

$("#mnFunction").focus();

此处,ID为mnFunction。您最后省略了s。你必须写下这个:

$(document).ready(function(){
    $("#mnRoles").blur();
    $("#mnFunctions").focus(); // note that the ID has an `s` at the end
});