javascript - 如何触发点击页面加载？

Question

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

我试过

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

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

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

Answer 1

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

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

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

或者您检查元素是否准备就绪:

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