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

我正在使用bootstrap版本，所以我创建了一个下拉菜单，如下例所示。

按钮第二次不工作

 x Success!  Product have added to your wishlist. 

问题是，当我在向下滑动时单击关闭按钮时，该栏正在关闭。

但是，当我再次单击添加愿望清单时 ，向下滑动不再出现。

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

谢谢。

Answer 1

从关闭按钮’data-dismiss =“alert”’中删除此项，然后再添加一个点击function，如下所示：

 $(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会喜欢：

 
 Add to Wishlist   Purchase  
 
 x Success!  Product have added to your wishlist.  

Answer 2

而不是编写整个代码。我使用了Jquery的slideDown()和slideDown()方法。

 $(document).ready(function() { $("#success-alert").hide(); $("#btn2").click(function showAlert() { $("#success-alert").slideDown(300).delay(2000).slideUp(400); }); }); $('#success-alert .close').click(function() { $(this).parent().hide(); }); 

  
  
 
  ×  Success!  Product have added to your wishlist.