jQuery :按钮单击事件必须在单击时触发，但发生在页面上。怎么修？

Question

我这里有把小提琴- http://jsfiddle.net/hhimanshu/SDr3F/2/

• 左窗格已可用
• 我需要在单击“搜索”时，输入框应显示有焦点(时间警报)

问题

当我用左窗格设置

• 加载页面时，jQuery触发事件并单击“搜索没有效果”

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

更新

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

//加载搜索页$(函数(){$(“# search”).click(函数(){ $('#feature').load('templates/search.html')；$(‘#搜索-输入’).focus()；//警报(“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上的search按钮元素就绪，并附加一个click事件处理程序。当您单击ID为'search‘的元素时，它将触发.click()函数中的任何代码

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

这是一个工作小提琴http://jsfiddle.net/SDr3F/10/

Answer 2

这应该能起作用：

$('#search').click(function(){
    alert('hi')
    //$('#search-input').focus();
});

Answer 3

您必须将该函数作为按钮上单击事件的一部分附加。所以就像这样：

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

http://jsfiddle.net/SDr3F/7/