jquery force click (href)

Question

I have this:

<li>
 <a href="#" data-content="visit">
  <span class="bf_hover"></span>
  <span>Visit us</span>
 </a>
</li>

And I want to automatically open the "Visit Us" link.

How I can do this ?

Answer 1

You can trigger a click by doing

$('li a').trigger('click');

Answer 2

It looks like jQuery is not able to force the click event for hyperlinks in 100% of the cases and yours is probably one of those. My way to solve this issue is using the following:

$('li a')[0].click();

This way, you use it as a DOM element and not as a jQuery object, and it seems to work in many browsers.