javascript - 如何在页面加载后立即触发 slidetoggle？

Question

让我以我不了解 JS 的事实作为开场白，因此非常感谢任何帮助。

我有一个滑动开关，我想在页面加载 3 秒后打开它。这是我当前用于滑动切换的内容:

$(function(){
  // hide/show header
  $('#close-open-top a').bind('click', function() {
    if($('header:visible').length) {
      $('img', this).attr('src', 'img/open.png');
    } else {
      $('img', this).attr('src', 'img/close.png');
    }
    $('header').slideToggle('slow');

    return false;
  });

目前它加载关闭，当我单击箭头时它会打开。我希望它在页面加载后 3 秒自动打开。

Answer 1

在您准备好的文档中尝试以下操作:

$('header').delay(3000).slideToggle('slow');

.delay() method延迟动画队列中的后续项目(请注意，您不能使用它来延迟非动画方法)。

或者，如果您希望执行点击处理程序中的所有代码(包括设置图像 src)，那么最简单的方法是在 3 秒延迟后以编程方式触发点击，因此将以下内容添加到您的文档就绪处理程序(在点击处理程序绑定(bind)之后):

setTimeout(function() { $('#close-open-top a').trigger('click'); }, 3000);