jQuery trigger click event

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>

if blah evals to a false... triggering a click will also only run the defined click handler, not the native functionality — tymeJV
– tymeJV, Commented Oct 2, 2014 at 18:35
It doesn't, I put an alert before and after the .click() so I know it gets there — SBB
– SBB, Commented Oct 2, 2014 at 18:35
You seem to bind the handler after you triggered the click. The handler is not executed because it does not exist (at that moment). — Felix Kling
– Felix Kling, Commented Oct 2, 2014 at 18:36
@FelixKling I think you should turn your comment into an answer. — Semih Yagcioglu
– Semih Yagcioglu, Commented Oct 2, 2014 at 18:39

2 revs, 2 users 88% · Accepted Answer · 2014-10-02 18:42:18Z

3

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:

var blah = true;

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

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

1 Answer 1