引导程序警报autohide不'；不起作用

本文关键字：不起作用 autohide 引导程序 | 更新日期: 2023-09-27 18:27:53

我发现了一篇关于在mvc项目中发出警报的好文章。我从这里开始实施它：http://jameschambers.com/2014/06/day-14-bootstrap-alerts-and-mvc-framework-tempdata/存在警报部分视图（_A）

@{
    var alerts = TempData.ContainsKey(Alert.TempDataKey)
                ? (List<Alert>)TempData[Alert.TempDataKey]
                : new List<Alert>();
    if (alerts.Any())
    {
    <hr />
    }
    foreach (var alert in alerts)
    {
        var dismissableClass = alert.Dismissable? "alert-dismissable" :  null;
        <div class="alert alert-@alert.AlertStyle fade in @dismissableClass">
            @if (alert.Dismissable)
            {
                <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
            }
            @Html.Raw(alert.Message)
        </div>
    }
}

之后我想添加自动隐藏功能的警报。因此，我为这个视图添加了一个脚本：

<script>
    $(document).ready(function () {
        setTimeout(function () {
            $(".alert").hide();
        }, 2000);
    });
</script>

但它不起作用，为什么？

引导程序警报autohide不'；不起作用

document.ready在整个页面加载中触发，而不是在部分页面加载中。因此，$(document).ready事件在加载该部分视图之后不会激发，也不会执行代码。

在部分视图的html之后编写setTimeout代码。

<script>
    setTimeout(function () {
        $(".alert").hide();
    }, 2000);
</script>
相关文章：