Jquery只工作一次用于Bootstrap的警报我在页面Asp.net上显示

时间:2016-03-07 05:55:59

标签: javascript jquery html asp.net twitter-bootstrap

我希望每次都能工作。每次我点击保存按钮而不刷新页面。

这是我的代码。

在Admin.Master中的Jquery代码:

Resoponse.Redirect("<Your Base URL>/booking/" + Request.Params["event"]);

Settings.aspx代码

<script>
$(document).ready(function () {
    $("#successalert").hide();
    $("#sucess").click(function showAlert() {
        $("#successalert").alert();
        $("#successalert").fadeTo(2000, 500).slideUp(500, function () {
            $("#successalert").alert('close');
        });
    });
});

2 个答案:

答案 0 :(得分:0)

这是Bootstrap本身的问题,详见本issue

您可以尝试使用here提及的一些解决方法。

答案 1 :(得分:0)

使用Jquery addClass()和removeClass()找到解决方案

<强> CSS 使用以下属性更改了bootstrap.css中的.alert类

display:none;

添加了新类以显示

.showing
    {
        display:inherit;            
        padding: 15px;
        margin-bottom: 20px;
        border: 1px solid transparent;
        border-radius: 4px;
    }

jquery代码

<script>
$(document).ready(function () {
    $("#sucess").click(function () {         
        $("#successalert").removeClass("alert");           
        $("#successalert").addClass("showing");           
        $("#successalert").fadeTo(2000, 500).slideUp(500, function () {
            $("#successalert").alert('close');
        });
    });
});
</script>