单击页面加载时触发(UL > LI)
单击页面加载时触发(UL > LI)
提问于 2014-03-03 01:42:49
我的网站中有以下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);
});回答 2
Stack Overflow用户
回答已采纳
发布于 2014-03-03 01:58:06
问题
代码触发了li元素上的"onclick“事件。您希望在"a“元素上触发"onclick”事件。
解决方案
$('#gallery li:nth-child(2) a').click();示例
请参阅jsFiddle
Stack Overflow用户
发布于 2021-07-16 12:25:21
如果你在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);页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/22130984
复制相关文章
相似问题
腾讯云开发者
