Javascript 第二次单击按钮时，警报不起作用

我使用的是引导版本，所以我创建了一个向下滑动菜单，与下面的示例相同

x
成功
产品已添加到您的愿望列表中。

问题是，当我单击“向下滑动”中的“关闭”按钮时，该条正在关闭

但是，当我再次单击添加愿望列表时，幻灯片不会再次出现

我的问题不仅仅是关门。它应该在我点击“x”按钮时关闭，如果没有，它应该在特定时间后自动关闭

---

谢谢。

从关闭按钮“data Disclease=“alert”中删除此项，然后再添加一个单击功能，如下所示：

$(document).ready (function(){
    $("#success-alert").hide();
    $("#myWish").click(function showAlert() {
        $("#success-alert").fadeTo(2000, 500).slideUp(500, function(){
            $("#success-alert").slideUp(500);
        });   
    });

    $('#success-alert .close').click(function(){
        $(this).parent().hide();
    });
});

HTML将喜欢：

<div class="product-options">
    <a  id="myWish" href="javascript:;"  class="btn btn-mini" >Add to Wishlist </a>
    <a  href="" class="btn btn-mini"> Purchase </a>
</div>
<div class="alert alert-success" id="success-alert">
    <button type="button" class="close">x</button>
    <strong>Success! </strong>
    Product have added to your wishlist.
</div>

x
成功
产品已添加到您的愿望列表中。

从关闭按钮“data Dislose=“alert”中删除此项，然后再添加一个单击功能，如下所示：

$(document).ready (function(){
    $("#success-alert").hide();
    $("#myWish").click(function showAlert() {
        $("#success-alert").fadeTo(2000, 500).slideUp(500, function(){
            $("#success-alert").slideUp(500);
        });   
    });

    $('#success-alert .close').click(function(){
        $(this).parent().hide();
    });
});

HTML将喜欢：

<div class="product-options">
    <a  id="myWish" href="javascript:;"  class="btn btn-mini" >Add to Wishlist </a>
    <a  href="" class="btn btn-mini"> Purchase </a>
</div>
<div class="alert alert-success" id="success-alert">
    <button type="button" class="close">x</button>
    <strong>Success! </strong>
    Product have added to your wishlist.
</div>

x
成功
产品已添加到您的愿望列表中。

而不是编写整个代码。我使用了Jquery的

slideUp（）

dealy（）

和

slideDown（）

方法

$（文档）.ready（函数（）{
$（“#成功警报”）.hide（）；
$（“#btn2”）。单击（函数showAlert（）{
$（“#成功警报”）.slideDown（300）。delay（2000）。slideUp（400）；
});
});
$（#success alert.close'）。单击（函数（）{
$（this.parent（）.hide（）；
});

&时代；
成功产品已添加到您的愿望列表中。
而不是编写整个代码。我使用了Jquery的
slideUp（）
dealy（）
和
slideDown（）
方法


$（文档）.ready（函数（）{
$（“#成功警报”）.hide（）；
$（“#btn2”）。单击（函数showAlert（）{
$（“#成功警报”）.slideDown（300）。delay（2000）。slideUp（400）；
});
});
$（#success alert.close'）。单击（函数（）{
$（this.parent（）.hide（）；
});

&时代；
成功产品已添加到您的愿望列表中。
这个简单的把戏对我很有效。使用此
close.bs.alert
bootsrap的事件类型来隐藏元素，而不是删除它

$('.alert').on('close.bs.alert', function (e) {
    e.preventDefault();
    $(this).addClass('hidden');
});

或

这个简单的把戏对我有用。使用此
close.bs.alert
bootsrap的事件类型来隐藏元素，而不是删除它

$('.alert').on('close.bs.alert', function (e) {
    e.preventDefault();
    $(this).addClass('hidden');
});

或

简单的解决方案是在自动隐藏时删除关闭按钮。简单解决方案的可能副本是在自动隐藏时删除关闭按钮。可能的副本我想你没有看到我的代码@SukumarGorai。区别不仅仅在于身份。我没有粘贴你的代码。检查JavaScript的代码。如果我的代码是错误的，那么就投否决票，我的代码是正确的。我想你没有看到我的代码@SukumarGorai。区别不仅仅在于身份。我没有粘贴你的代码。检查JavaScript的代码。如果我的代码是错误的，那么请投反对票，我的代码是正确的。