jQuery触发点击事件

Question

I have a page with a search button on it.

in my Javascript i have a click event that looks like this:

if(blah){
  $('#search').click();
}

$('#search').on('click', function(){
  // Do something
});

What would be the reason the if statement wouldn't click the button to cause the onclick to fire?

All of this is wrapped in an onReady as well.

The html on the page is a standard button:

<button id='search' type="button" class="btn btn-primary">Search RefID</button>

Answer 1

You seem to bind the handler after you triggered the click. The handler is not executed because it does not exist (at that moment).

Put the if-clause after the click-handler and it works:

http://jsfiddle.net/kksgj4xL/

var blah = true;

$('#search').click(function(){
  alert("poep");
});

if(blah){
  $('#search').click();
}