Javascript bootsprap 2.1模式自动对焦不工作
问题:自动对焦不适用于我的bootstrap 2.1弹出式窗体 我正在使用twitterbootstrap 2.1尝试在单击并显示弹出窗口时自动聚焦第一个输入元素 我需要指导来解决这个问题。我尝试了JavaScriptfocus函数,也尝试了html自动聚焦属性,但它不适用 我尝试了这个堆栈溢出问题,但它需要将我的引导更新到3.0,但我不可能更新,因为它需要大量时间 我想用bootstrap 2.1进行类似的自动对焦,请指导我 提前谢谢我解决了这个问题 Bootstarp模型已“显示”事件。它在模型打开后启动。只需将表单的第一个元素的焦点代码放在事件函数上。如下Javascript bootsprap 2.1模式自动对焦不工作,javascript,jquery,html,twitter-bootstrap,twitter-bootstrap-2,Javascript,Jquery,Html,Twitter Bootstrap,Twitter Bootstrap 2,问题:自动对焦不适用于我的bootstrap 2.1弹出式窗体 我正在使用twitterbootstrap 2.1尝试在单击并显示弹出窗口时自动聚焦第一个输入元素 我需要指导来解决这个问题。我尝试了JavaScriptfocus函数,也尝试了html自动聚焦属性,但它不适用 我尝试了这个堆栈溢出问题,但它需要将我的引导更新到3.0,但我不可能更新,因为它需要大量时间 我想用bootstrap 2.1进行类似的自动对焦,请指导我 提前谢谢我解决了这个问题 Bootstarp模型已“显示”事件。它
$('your-model-id').on('shown', function () {
$('#your-text-box-id').focus();
});
它的通用解决方案适用于所有使用的模态无需为单个模态编写方法您可以尝试此方法
$('.modal').on('shown', function () {
var first_elemt = $('.modal').filter(':visible:first').find('input[type=text]').attr('id');
$('#'+first_elemt).focus();
});
你能分享一些代码来展示你迄今为止所做的尝试吗?