Question

警报出现后，我上面有一个x按钮，当单击警报框时，它会消失。除非刷新页面，否则我将无法再获得再次显示的警报。我想知道如何避免禁用按钮并使它保持活动状态。

jQuery

$(document).ready(function(){
    $('.couponalert').on("click", function(){
        $('#myalert').fadeIn(2000)

    })
});

HTML

引导程序警报

 <div class="alert alert-success" id="myalert" role="alert" align="center" style="font-size:2em">
    <button style="font-size:2em" type="button" class="close" data-dismiss="alert" aria-label="Close">
      <span aria-hidden="true">&times;</span>
    </button>
      <strong><u>Available Coupons</u><br> Use this <a href="https://takeoutkit.com?rfsn=1589618.63e1cd&utm_source=refersion&utm_medium=affiliate&utm_campaign=1589618.63e1cd">LINK</a> to receive 10 percent off of your first Order from Takeout Kit</strong>
    </div>

按钮

<li ><a class="couponalert" href="#">Coupons</a></li>

Answer 1

默认情况下，Bootstrap Alert的关闭按钮会将其从DOM中删除，而不是将其隐藏。您可以使用以下方法来覆盖此行为：

$('#myalert button.close').click(function(e) {
  e.preventDefault();
  $('#myalert').fadeOut();
});

在$(document).ready( ... )处理程序中执行此操作，您将可以再次将其恢复。

请注意，这将防止触发事件close.bs.alert和closed.bs.alert。如果您对这些事件的处理不多，那么一切都准备就绪。

如何防止单击后禁用按钮

1 个答案: