#jquery #focus #bootstrap-modal
#jquery #фокус #bootstrap-модальный
Вопрос:
Как следует из описания, я нажимаю на кнопку в своей форме, и это вызывает Modal Dialog
появление окна с несколькими текстовыми полями. Я хочу сосредоточиться на первом текстовом поле в моей форме. В моем случае я знаю это Id
, но код, похоже, не фокусируется на текстовом поле
Решение попробовано
1) $('#modalId').on('shown.bs.modal', function () {
$("#TextBoxId").focus();
});
2) $("#TextBoxId").focus();
при готовности документа
Я могу отлаживать в firebug и вижу, что он вызывается, но не фокусируется.
Кто-нибудь сталкивался с этой проблемой
Спасибо,
Комментарии:
1. Пожалуйста, разместите свой HTML. Кроме того, попробуйте записать в консоль свой
$("#TextBoxId")
выбор, чтобы увидеть, на что он нацелен.
Ответ №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">
JS
$(document).ready(function(){
$("#txtfcs2").focus();
});
Комментарии:
1. какой браузер вы используете DrLazer для тестирования. Я использую Firefox, и ваша скрипка не работает.