Question

嗨，我正努力让这个工作。

下面的代码可以自行运行。如果我点击该按钮，则会切换.sidebar-form div。太好了！

$( ".sidebar-button" ).click(function() {
  $( ".sidebar-form" ).toggle('2000');
});

但我也想让div在10秒后自动打开。

$( ".sidebar-form" ).delay('10000');

这可以正常工作但是当我添加.delay时，点击停止工作。

任何想法，如果他们可以一起工作？

Answer 1

使用setTimeout超时10秒，并在回调中切换div的状态。

$( ".sidebar-button" ).click(function() {
  $( ".sidebar-form" ).toggle('2000');
  setTimeout(function(){
    $( ".sidebar-form" ).show('2000');
  }, 10*1000)
});

Answer 2

使用delay和show

$( ".sidebar-form" ).toggle('2000');
$( ".sidebar-form" ).delay(10000).show(0)

或

$( ".sidebar-form" ).hide(2000).delay(10000).show(0)

Answer 3

感谢我发现的评论。这似乎对我有用。首先隐藏div ...然后setTimeout延迟显示。按钮有效。

$( ".sidebar-form" ).hide();

    setTimeout(function() {
                $('.sidebar-form').show("2000");
         }, 5000);

$( ".sidebar-button" ).click(function() {
  $( ".sidebar-form" ).toggle('2000');
});

Js延迟div打开和按钮打开div

3 个答案: