JQuery onclick函数可以集中输入

Question

我想要一个JQuery函数,这意味着如果用户点击页面上的某些文本,它会聚焦输入.

$(document).ready(function(){
$('#header.search span').click(function(){
    $('#header.search input').focus();
});
});

那没有做任何事情.在Firebug上没有注册.

有任何想法吗？

奇妙

Answer 1

http://jsfiddle.net/HenryGarle/LXngq/

<span>
    <br>
        Span
    <br>
    <input id="InputToFocus" type="text">
</span>

$('span').click(function(){
    $('#InputToFocus').focus();
});

似乎工作正常,这可能是您的选择器的问题.你可以发布围绕输入的HTML结构吗？

Answer 2

如果你有id输入元素,那么你不需要javascript来做到这一点.您可以使用for带有label指向输入元素id 的标记的属性.试试这个

工作演示

<label for="input1">Name</label>
<input id="input1" type="text" />

如果单击"名称"文本,焦点将设置到输入字段中.