Bootstrap Alert将在.hide（）之后切换.show（）

Question

Bootply Link

因此测试链接有效，然后在您单击x之后，无法刷新页面而无法将其切换回来。我做错了什么？！

提醒HTML

<div class="alert alert-dismiss" id='alert' style="margin-top: 54px; margin-bottom: -54px;">
    <a href="#" class="close" data-dismiss="alert">&times;</a>
    <div class='alertMessage'></div>
</div>

警报JS：

$(function(){
    $('#updateAlert').click(function(){
        $.ajax({
            type: "GET",
            url: "update_alert.php",
            dataType: "json",
            success: function(data) {
                $("#alert").addClass(data.statusClass);
                $(".alertMessage").html(data.responseMessage);
                $(".alert").show();
            }
        });
        return false;
    });
});
$(".close").click(function(){
    $(".alert").hide();
});
$(document).ready(function(){
    $('.alert').hide();
});

Answer 1

Bootstrap Alert jQuery插件removes the Alert from the DOM when you close the Alert。这是有效的（故意）。

如果您不想要，可以不使用data-dismiss="alert"或$(...).alert('close')，也可以自行修改插件，使其行为不同。