set focus() on textbox on form onload

Question

Я пытаюсь установить фокус на текстовое поле в форме, которая является частью дерева jQuery. Вот мой код

$(document).ready(function() { 

     $("#search").focus(); 

}); 

HTML:

<div> 
    <form action="search" method="post" name="frmSearch> 
      <label for="search">Search:</label> 
     <input type="text" name="search" id="search" /> 
     <input type="submit" name="button" value="Search" /> 
    </form> 
</div> 

Когда я нажимаю на вкладке Поиск в дереве, он не будет установлен фокус на текстовом поле. Может ли кто-нибудь сообщить мне, что не так в коде?

Answer 1

Я сделал некоторые изменения в ваших JS-кодов

http://jsfiddle.net/8CTqN/5

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

Answer 2

Вы фокусирования текстовое поле на странице загрузки, однако, как только вы щелкните в любом другом месте на странице (например, вкладку), фокус будет удален из текстового поля и предоставлен для всего, что вы только что нажали.

Вместо фокусировки на загрузке страницы присоедините прослушиватель кликов к своей вкладке, чтобы при нажатии на него текстовое поле search фокусируется. Так как я не видел все разметки, я использую #mySearchTab как заполнитель для идентификатора вкладки поиска:

$(document).ready(function() { 
    $("#mySearchTab").on('click', function() { 
     $('#search').focus(); 
    }); 
}); 

Кроме того, не забудьте закрыть функции с ).

Я не уверен, как выглядит ваше дерево, но вот working demo, используя вкладки jQuery.

Answer 3

попробовать следующее:

$(function(){ 
    $("input:first:text").focus();  
}); 

работает скрипку здесь: http://jsfiddle.net/8CTqN/2/

протестирован на хроме