Question

我正在使用Bootstrap，我有一个可折叠的div，按下按钮出现，然后在5秒后消失。问题是，它只能工作一次。当我再次按下按钮时，div消失后，没有任何反应。一旦再次按下按钮，我该怎么做才能让按钮重复动作？这是我的代码：

<button type="button" class="btn btn-primary" data-dismiss="modal" data-toggle="collapse" data-target="#aparecer1">
    Suscribir
</button>

<div id="aparecer1" class="alert alert-warning collapse">
    This is an alert
</div>

$("button").click(function() {
    setTimeout(function() {
        $('#aparecer1').fadeOut('fast');
    }, 5000); 
});

非常感谢！

Answer 1

有两个原因它不起作用。首先，scanf(" %c", &ch);调用会在内联元素上设置Would you like to play again? (Y/N)?:，这会覆盖样式，以便在下次单击时应用该元素。它需要被删除。您还需要删除由Bootstrap添加的元素上的fadeOut()类。您可以在display: none的回调中执行这两项操作，如下所示：

in

Example fiddle

Answer 2

不要完全隐藏您的提醒标签。只需删除Class insted就可以解决问题。

 $("button").click(function() {
    setTimeout(function() {
       $('#aparecer1').removeClass('in');
    }, 5000); 
 });

Updated Fiddle

使动态警报出现的按钮只能运行一次然后停止

2 个答案: