Question

根据说明建议，我点击表单上的按钮，然后触发Modal Dialog框以显示几个文本框。我想要的是专注于我的表单中的第一个文本框。在我的情况下，我知道它Id，但代码似乎没有关注文本框

已尝试解决方案

1）$('#modalId').on('shown.bs.modal', function () { $("#TextBoxId").focus(); });

2）$("#TextBoxId").focus();准备好文件

我可以在firebug中调试并看到它确实被调用但是没有关注。

任何人都遇到过这个问题

谢谢，

Answer 1

请检查此代码

<html>

<head>

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>

<script>

$(document).ready(function(){

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

});

</script>

</head>

<body>
<div>Second text box is focused with focus method</div> 
<input type="text" id="txtfocus2"><br/>

This text box is set focused: <input type="text" id="txtfocus">

 </body>

</html>

代码突出显示，但您无法识别它，请在突出显示后使用一些边框。

Answer 2

这应该让你入门

如果您可以发布代码，则可以更轻松地找到您的具体问题

http://jsfiddle.net/DrLazer/MqJX5/2/

HTML

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
First Text Box:<br/>
<input type="text" id="txtfcs"><br/>
<br/><br/>
Second Text Box:<br/> 
<input type="text" id="txtfcs2">

JS

$(document).ready(function(){
    $("#txtfcs2").focus();
});

jQuery焦点不在jQuery模式对话框中的TextBox上工作

2 个答案: