jQuery : button click event must fire on click, 但发生在页面加载时。怎么修？

Question

我这里有一个 fiddle - http://jsfiddle.net/hhimanshu/SDr3F/2/

• 左侧 Pane 已可用
• 我需要当我点击“搜索”时，输入框应该显示焦点(暂时是一个警报)

问题

• 当我使用左 Pane 设置加载页面时，jQuery 会触发事件并单击“搜索无效”

请帮助我理解我在这里做错了什么

更新

• 我可以看到警报，但它无法聚焦，这是我最新的 jQuery

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

和 search.html 是

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

如何才能集中精力？

Answer 1

下面的代码在页面加载时触发，因为这就是您编写代码的方式

$(function(){  // This tells it to run when dom is ready
    alert('hi')    //  Since this is inside the ready function it runs when dom is ready
});

您需要的是准备好 dom 上的搜索按钮元素并附加一个单击事件处理程序。现在，当您单击 ID 为“search”的元素时，它将触发 .click() 函数内的任何代码

$(function(){  
    $('#search').click(function(){  // this tells it to run whenever element with ID "search" is clicked
          alert('hi');
     });
});

这是一个工作 fiddle http://jsfiddle.net/SDr3F/10/