Trigger click event on "a href" element

Question

I am trying to click a href element on my html website. Problem is that click event is not triggered

CODE:

HTML CODE:

  <div class="button" id="info" ></div>
<ul id="game-options">

    <li><a href="#" id="SHOW_HELP" class="button help" title="Help">HELP</a></li>
</ul>

Function that clicks a href element:

 $('#info').bind('click', function(e) {
            alert ("button click triggered");
    // This is what I tried so fat

     //$('#SHOW_HELP').trigger('click');
     //$('#SHOW_HELP').dispatchEvent(new Event('click'));
     $('#SHOW_HELP').click();
});

The question is, what are you exepecting when the anchor is clicked, it doesn't really seem to do anything ? — adeneo
– adeneo, Commented Aug 2, 2014 at 16:40

billyonecan · Accepted Answer · 2014-08-02 16:46:28Z

7

The click event is triggered, but you haven't bound a click handler so nothing will happen. If you want to simulate clicking the link you need to use the dom click method, ie. $('#SHOW_HELP')[0].click();

answered Aug 2, 2014 at 16:46

billyonecan

20.3k9 gold badges44 silver badges66 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

imbondbaby · Accepted Answer · 2014-08-02 16:49:21Z

1

Alternatively, you can update the button's click event to change the window.location in JavaScript.

Try this:

$(function(){
    $('#info').click(function(){
        window.location = $('#SHOW_HELP').attr('href');
    });
});

edited Aug 2, 2014 at 16:49

answered Aug 2, 2014 at 16:40

imbondbaby

6,4313 gold badges23 silver badges54 bronze badges

Comments

Neeraj · Accepted Answer · 2014-08-02 16:40:29Z

0

$('#SHOW_HELP').bind('click', function(e) {
        alert ("button click triggered");
// This is what I tried so fat

 //$('#SHOW_HELP').trigger('click');
 //$('#SHOW_HELP').dispatchEvent(new Event('click'));

});

Demo

Hope it helps you

answered Aug 2, 2014 at 16:40

Neeraj

4,4898 gold badges32 silver badges51 bronze badges

1 Comment

Tushar Acharekar Over a year ago

Don't use bind it is deprecated...!

Borteo · Accepted Answer · 2014-08-02 16:51:37Z

0

It's actually working.

Here a JSFiddle example: http://jsfiddle.net/rZbk7/

$('#info').on('click', function(e) {
   alert("info triggered");
   $('#show-help').click();
});

$('#show-help').on('click', function(e) {
   alert("show-help triggered");
});

(not a big fun of snake case, I changed the name SHOW_HELP to show-help)

Click event is triggered. The problem is that you didn't define any action.

answered Aug 2, 2014 at 16:51

Borteo

314 bronze badges

Collectives™ on Stack Overflow

Trigger click event on "a href" element

4 Answers 4

Comments

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related