刚刚开始玩bootstrap,这太棒了.
我想弄清楚这一点.我有一个textarea在模态窗口内反馈.它很棒.但是当我点击按钮激活模态时,我希望焦点转到textarea.我似乎无法让它发挥作用.
这是一个小提琴:http://jsfiddle.net/denislexic/5JN9A/4/
这是代码:
<a class="btn testBtn" data-toggle="modal" href="#myModal" >Launch Modal</a>
<div class="modal hide" id="myModal">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h3>Modal header</h3>
</div>
<div class="modal-body">
<textarea id="textareaID"></textarea>
</div>
<div class="modal-footer">
<a href="#" class="btn" data-dismiss="modal">Close</a>
<a href="#" class="btn btn-primary">Save changes</a>
</div>
</div>?
这是JS
$('.testBtn').on('click',function(){
$('#textareaID').focus();
});?
要恢复 当我点击"启动模式"时,我想要显示模态并将焦点放在textarea上.
谢谢你的帮助.
我似乎找不到解决这个问题的方法.
我有一个像这样的简单输入字段.
<div class="search">
<input type="text" value="y u no work"/>
</div>?
而我正试着focus()在一个函数内部.所以在随机函数内部(无论它是什么函数)我有这条线...
$('.search').find('input').focus();
这对每个桌面都可以正常工作.
但它在我的iPhone上不起作用.该字段没有聚焦,键盘没有显示在我的iPhone上.
出于测试目的并向您展示问题,我做了一个快速示例:
$('#some-test-element').click(function() {
$('.search').find('input').focus(); // works well on my iPhone - Keyboard slides in
});
setTimeout(function() {
//alert('test'); //works
$('.search').find('input').focus(); // doesn't work on my iPhone - works on Desktop
}, 5000);?
知道为什么focus()我的iPhone上的超时功能不起作用.
要查看实时示例,请在iPhone上测试此小提琴.http://jsfiddle.net/Hc4sT/
更新:
我创建了与我当前在当前项目中面临的完全相同的情况.
我有一个选择框应该 - 当"改变"时 - 将焦点设置到输入字段并滑入iphone或其他移动设备上的kexboard.我发现focus()设置正确但键盘没有出现.我需要键盘出现.
我在这里上传了测试文件http://cl.ly/1d210x1W3Y3W ...如果你在iphone上测试它,你可以看到键盘没有滑入.
我有这样的问题 - 我需要在twitter bootstrap模式中自动聚焦一些元素(在它显示之后).棘手的部分在这里 - 这个模态的内容是使用'data-remote'(jQuery.load方法)从单独的HTML文件加载的,所以
$(document).on('shown', ".modal", function() {
$('[autofocus]', this).focus();
});
仅在之前加载模态时才有效.
问题是 - 如何在第一次模态加载时使自动对焦工作？
我正在创建我的网站的移动版本.网站的一部分会弹出一个带有文本输入的对话框.通常我会使用jQuery将焦点带到文本输入,但这不起作用.这是我正在尝试的:
$("#textinput").focus();
$("#textinput").click();
$("#textinput").trigger("tap"); //jQuery Mobile
他们似乎都没有工作.有任何想法吗？我一直在我的DroidX上测试它.我正在使用jQuery Mobile,但如果他们有帮助,我会对其他图书馆开放.