jquery trigger click on other element

Question

I had a look through others similar questions and I haven't got a clue why mine solution doesn't work. Maybe you can spot something I'm missing. What I'm trying to do is trigger a click while clicking on div with id badge

HTML

<div id="call-out">
    <div id="badge">Brochure</div>
    <p>Add <a href="http://www.google.com" target="_blank">test</a> content</p>
</div>

jQuery:

$('#badge').on('click', function(e) {
    e.stopImmediatePropagation();
    if (! $(e.target).is('a')) {
        $(this).parent('div').find("a").trigger('click');
    }
});

Any suggestions appreciated. Here is my test: http://jsfiddle.net/m89wa/2/

The click is working, as demonstrated here: jsfiddle.net/m89wa/4 It appears that the popup is not working. — caspian
– caspian, Commented May 22, 2014 at 14:35
I was assuming that it will take look for the href attribute and open it without doing window.location, maybe I was assuming wrongly. — trikess
– trikess, Commented May 22, 2014 at 14:39
Yeah, so if you're really looking for it to open a new window you can do a window.open("") or do what @jandro5 suggests below. — caspian
– caspian, Commented May 22, 2014 at 14:41
Thanks for quick response. I will go with window.open() and read the href attribute from <a> element: jsfiddle.net/m89wa/5 — trikess
– trikess, Commented May 22, 2014 at 14:49

jandro5 · Accepted Answer · 2014-05-22 14:22:44Z

2

change: $(this).parent('div').find("a").trigger('click');

try: location.href = $(this).parent('div').find("a").attr("href");

answered May 22, 2014 at 14:22

jandro5

562 bronze badges

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

1 Comment

caspian Over a year ago

Good answer - add window.open as an alternative and this is what @trikess is looking for.

Milind Anantwar · Accepted Answer · 2014-05-22 14:05:31Z

0

Try this:

$('#badge').on('click', function(e) {
 e.stopImmediatePropagation();
 $(this).parent().find('a').trigger('click');
});

Demo

answered May 22, 2014 at 14:05

Milind Anantwar

82.3k26 gold badges97 silver badges128 bronze badges

Comments

jdmcnair · Accepted Answer · 2014-05-22 14:07:37Z

0

If you call the click function without an argument on a jquery element, it will trigger the click event on that element.

http://api.jquery.com/click/

$('#badge').on('click', function(e) {
    e.stopImmediatePropagation();
    $(this).parent().find('a').click();       
});

answered May 22, 2014 at 14:07

jdmcnair

1,32515 silver badges33 bronze badges

3 Comments

jdmcnair Over a year ago

The only difference is .click() instead of .trigger('click'). Not much difference, but it is a bit more succinct.

caspian Over a year ago

This does not answer the original question - he was looking to have it behave as if the <a> was clicked. Programmatically invoking click does not open the new window, which is the OP problem.

jdmcnair Over a year ago

It actually does answer the original question, namely how to trigger a click event from another element. The extra requirement to open a separate window is something that you helped to sniff out in the comments after I'd given this answer.

Collectives™ on Stack Overflow

jquery trigger click on other element

3 Answers 3

1 Comment

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related