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>

j 质量:

//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");

任何想法为什么?

Update

Handler:

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

Update2

因此,问题是,我已宣布“<条码>:第一-儿童在手上采取行动。我改变了他们的地点和一切ok。

Answer 1

您在之前是否界定了手稿?

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");
});

这将使你们重新寻求警惕

Answer 2

你们需要一名手来参加点击活动......

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

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

<>Update:

也许,在要素准备好之前,你会随同。

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

Update

Update2

友情链接