在页面加载时点击触发（UL> LI） [英] Click trigger on page load (UL > LI)

问题描述

我在我的网站上有以下HTML代码：
$ b

I have the following HTML code in my website:

<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>

我想在页面加载时触发点击事件。
我希望在页面加载时点击第一个（或第二个）列表项。

And I want to have a click event triggering when the page loads. I want the first (or second) list item to be clicked when the page loads.

我尝试了以下代码，但是失败了，我不知道该怎么做：

I've tried with the following code, but I failed and I don't know how to do it:

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

推荐答案

问题

代码触发li元素上的onclick事件。您希望触发a元素上的onclick事件。

解决方案

Problem

The code is triggering the "onclick" event on the li element. You want to trigger the "onclick" event on the "a" element.

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

示例

请参阅 jsFiddle

这篇关于在页面加载时点击触发（UL> LI）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！