jQuery trigger click on first child

Question

I'm trying to invoke a click on first .loader child when document is ready, but no success:

html:

<a class="loader" data-target="david-boy" title="Danny Boy-Rivera">
    <span class="img"><span class="play"></span><img src="img/gallery-image1.jpg" alt="" /></span>
    <h2>Danny Boy</h2>
</a>

jQuery:

//Does not work
$('a.loader:first-child').bind('click');
$('a.loader:first-child').trigger('click');
$('a.loader:first-child').click();
//Works
$('a.loader:first-child').css("background", "red");

Any ideas why?

Update

Handler:

$('.loader').click(function(){
    var name=$(this).data("target");
    callVideo(name);
});

Update2

So the problem was that I had declared the :first-child action before the handler. I changed their places and everything ok

I do have a handler, check update

Alex
– Alex

2012-05-10 14:41:50 +00:00
Commented May 10, 2012 at 14:41 — Alex
– Alex, Commented May 10, 2012 at 14:41

Thierry Blais · Accepted Answer · 2012-05-10 14:52:24Z

8

Did you define the handler before you initiated the triggered 'click'?

Here's the EXACT same code from your fiddle except I put the handler BEFORE the trigger

$(document).ready(function(){
    $('.loader').click(function(){
       alert($(this).data("target")); 
    });
    $('.loader:first-child').click();
    $('.loader:first-child').css("background", "red");
});

This will pop the alert you're looking for

edited May 10, 2012 at 14:52

answered May 10, 2012 at 14:47

Thierry Blais

2,85825 silver badges41 bronze badges

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

6 Comments

gdoron Over a year ago

Where did you see his fiddle? I couldn't... :)

Boro Over a year ago

I guess he was referring to the one sent by Bondye

Thierry Blais Over a year ago

Maybe, there was a fiddle...sometimes gets jumbled, in any case defining the handler after resulted in nothing happenening, moving it before made it work

Boro Over a year ago

Yet again I shouldn't have assumed that it would have been logical to declare something before calling it, right? :)

Thierry Blais Over a year ago

I personally like to be told what it is I have to do before being told to do it...I think anyone with a bad boss can sympathize with this function though.

|

gdoron · Accepted Answer · 2012-05-10 14:40:55Z

5

You need to have a handler to the click event...

$('a.loader:first-child').click(function(){
    alert('clicked');
});

$('a.loader:first-child').click();

Update:

You're handler was probably attached before the element was ready.

$(function(){
    $('.loader').click(function(){
        var name=$(this).data("target");
            callVideo(name);
    });
});

answered May 10, 2012 at 14:40

gdoron

151k59 gold badges302 silver badges376 bronze badges

Collectives™ on Stack Overflow

jQuery trigger click on first child

Update

Update2

2 Answers 2

6 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

Update

Update2

2 Answers 2

6 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related