Фокус jQuery не работает с текстовым полем в окне jQuery ModalDailog

#jquery #focus #bootstrap-modal

#jquery #фокус #bootstrap-модальный

Вопрос:

Как следует из описания, я нажимаю на кнопку в своей форме, и это вызывает Modal Dialog появление окна с несколькими текстовыми полями. Я хочу сосредоточиться на первом текстовом поле в моей форме. В моем случае я знаю это Id , но код, похоже, не фокусируется на текстовом поле

Решение попробовано

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

2) $("#TextBoxId").focus(); при готовности документа

Я могу отлаживать в firebug и вижу, что он вызывается, но не фокусируется.

Кто-нибудь сталкивался с этой проблемой

Спасибо,

Ответ №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>

Код выделяется, но вы не можете его распознать, пожалуйста, используйте некоторую границу после выделения.

Ответ №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">

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