javascript - 单击页面加载触发器 (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