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

Answer 2

如果您正在对 Li 标签执行点击操作，那么下面的代码会有所帮助。

<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>
  setTimeout(function () {
                $('.pictures li:nth-child(1)').trigger("click");
            }, 10);

点击页面加载时的触发器（UL＆gt; LI）

2 个答案:

问题

解决方案

实施例