单击页面加载时的触发器(UL> LI)

Question

我的网站上有以下HTML代码:

<div id="gallery">
    <ul class="pictures">
        <li><a href="#" data-filter="*" class="active">All</a></li>
        <li><a href="#" data-filter=".web">Web</a></li>
        <li><a href="#" data-filter=".design">Design</a></li>
        <li><a href="#" data-filter=".video">Video</a></li>
    </ul>
</div>

我希望在页面加载时触发单击事件.我希望在页面加载时单击第一个(或第二个)列表项.

我尝试使用以下代码,但我失败了,我不知道该怎么做:

$("document").ready(function() {
    setTimeout(function() {
        $("ul.pictures li:nth-child(2)").trigger("click");
    },10);
});

Answer 1

问题

代码触发li元素上的"onclick"事件.您想要在"a"元素上触发"onclick"事件.

解

$('#gallery li:nth-child(2) a').click();

例

见jsFiddle