jQuery:load() 加载页面但不聚焦文本框

Question

我有一个 fiddle :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");
  });
});

问题

• 它加载页面但没有在文本框中聚焦，我该如何解决这个问题？

Answer 1

在您的示例中，您在发出 Ajax 请求后立即聚焦元素，但在请求成功完成时。因此，您尝试将焦点集中在尚未加载的元素上。

您应该添加 complete处理程序。以下内容应该有效:

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