1

私はフィドルを持っています: http://jsfiddle.net/SDr3F/10/

現在：

onclick、それは警告します

alert('hi')

必須：

onclick、search.html検索テキストボックスとテキストボックスfocusに ロードします

search.html 

<input id="search-input" type="text" class="input-medium search-query span4">

フォーカスの設定方法 

$(function(){
  $("#search").click(function(){
      $('#feature').load('templates/search.html');
      $('#search-input').focus();
      alert("hi");
  });
});

問題

  • ページをロードしますが、テキストボックス内にフォーカスがありません。これを修正するにはどうすればよいですか?
4

2 に答える 2

5

あなたの例では、Ajaxリクエストが行われた直後に要素にフォーカスしますが、リクエストが正常に完了したときではありません。したがって、まだロードされていない要素にフォーカスしようとします。

完全なハンドラーを追加する必要があります。以下が機能するはずです。

$("#search").click(function() {
    $("#feature").load("templates/search.html", function() {
        $("#search-input").focus();
    });
});​
于 2012-06-22T21:45:23.780 に答える
2

フォーカスを設定しようとする前に、ページのコンテンツが完全にロードされていることを認識できるように、コールバックが必要です。

于 2012-06-22T21:48:07.110 に答える