如何触发点击页面加载？答案

【问题标题】：How to trigger click on page load?如何触发点击页面加载？
【发布时间】：2010-01-13 20:32:03
【问题描述】：

我正在寻找一种在页面加载时自动“点击”项目的方法。

我试过了

$("document").ready(function() {
    $("ul.galleria li:first-child img").trigger('click');
});

但它似乎不起作用？但是，当我在 Firebug 的控制台中输入 $("ul.galleria li:first-child img").trigger('click'); 并运行脚本时，它就可以工作了。

触发事件可以在加载时使用吗？

【问题讨论】：

它应该可以工作，除非稍后添加该元素。能发个demo吗？（试试jsbin.com）
你能把你想做的场景贴出来吗？听起来像突兀的 javascript
您的click 处理程序添加到哪里？
dev.gentlecode.net/blossomsoft/portfolio-single.html 它使用 jQuery Galleria 插件 (devkick.com/lab/galleria) 从无序列表的图像创建画廊。我试图在页面加载时触发大图像，而不必点击拇指。
这是我的脚本文件：dev.gentlecode.net/blossomsoft/js/scripts.js

标签： javascript jquery

【解决方案1】：

您尝试触发的点击处理程序很可能也通过$(document).ready() 附加。可能发生的情况是您在附加处理程序之前触发了事件。解决方法是使用setTimeout:

$("document").ready(function() {
    setTimeout(function() {
        $("ul.galleria li:first-child img").trigger('click');
    },10);
});

10ms 的延迟将导致函数在所有$(document).ready() 处理程序被调用后立即运行。

或者你检查元素是否准备好：

$("document").ready(function() {
  $("ul.galleria li:first-child img").ready(function() {
    $(this).click();
  });    
});

【讨论】：

这正是我想要的。谢谢！
非 jquery 解决方案会很棒
不错。奇怪的是它按顺序运行，仍然错过了一个头发的声明。这为我解决了。
您的回答帮助了我解决这个问题：stackoverflow.com/questions/39215964/… 非常感谢。
首先表示赞赏。但是为什么第二种解决方案（检查元素是否准备好）不起作用。你能再解释一下吗？谢谢：]

【解决方案2】：

$(function(){

    $(selector).click();

});

【讨论】：

API 参考：docs.jquery.com/Events/click。注意$(callback) 等价于$("document").ready(callback);
相同的效果 - 在 Firebug 中有效，但当输入到我的脚本文件时，它没有。 Firebug 也不会给出任何错误。 $(function() { .. }); 中的文件中有其他脚本是否重要？也一样？

【解决方案3】：

$("document").ready({
    $("ul.galleria li:first-child img").click(function(){alert('i work click triggered'});
}); 

$("document").ready(function() { 
    $("ul.galleria li:first-child img").trigger('click'); 
});

只需确保在调用堆栈序列中的触发事件之前添加点击处理程序即可。

  $("document").ready(function() { 
        $("ul.galleria li:first-child img").trigger('click'); 
    }); 

   $("document").ready({
        $("ul.galleria li:first-child img").click(function(){alert('i fail click triggered'});
    });

【讨论】：

你的答案是最合适的。谢谢。

【解决方案4】：

试试这个，

$("document").ready(function(){

$("your id here").trigger("click");
});

【讨论】：

【解决方案5】：

您可以执行以下操作：-

$(document).ready(function(){
    $("#id").trigger("click");
});

【讨论】：