Bootstrap 即使延迟设置为 0,通知也会自动关闭
Bootstrap Notify auto-closes even with delay set to 0
我正在尝试让 Bootstrap 通知警报保持可见,直到用户关闭它,而不是自动关闭。为此,根据我对文档的理解,我将 delay
设置为 0
。这是我的 JS 文件,包含在 bootstrap-notify.js
:
之后
$(function () {
var alertTemplate = $("#notify-template").html();
$.notifyDefaults({ target: "_self" }, { type: "warning", delay: 0, template: alertTemplate });
});
var toasterNotify = function (alertTitle, alertMessage, alertUrl) {
alertUrl = alertUrl || "#";
$.notify({ title: alertTitle, message: alertMessage, url: alertUrl }, { delay: 0 });
}
当我直接从视图中按钮上的 click
事件调用它时,这个 toasterNotify
函数完全按预期工作,但是当它从服务器的 SignalR 回调中调用时,如下所示,警报一出现几乎立即关闭:
var hubProxy = $.connection.applicationHub;
hubProxy.client.alertNewClaim = function (model) {
toasterNotify(model.SourceFullName, model.Message);
};
编辑:
我发现涉及的控制器操作在返回视图结果之前将 SignalR 消息推送到客户端。因此,客户端立即收到 SignalR 消息并显示警报,只是让返回的视图刷新页面,快速删除警报。我仍然不知道如何解决这个问题。
我的 hacky 解决方法是在发送消息之前将消息排入数据库,在控制器端,然后让客户端在每次页面加载时查询未标记为 'dismissed' 的消息。因此,用户将永远在他们访问的每个页面上看到该消息,直到他们单击消息上的 'close' 按钮,这导致请求被发送到 Messaging
控制器以将该消息标记为'dismissed'.
我正在尝试让 Bootstrap 通知警报保持可见,直到用户关闭它,而不是自动关闭。为此,根据我对文档的理解,我将 delay
设置为 0
。这是我的 JS 文件,包含在 bootstrap-notify.js
:
$(function () {
var alertTemplate = $("#notify-template").html();
$.notifyDefaults({ target: "_self" }, { type: "warning", delay: 0, template: alertTemplate });
});
var toasterNotify = function (alertTitle, alertMessage, alertUrl) {
alertUrl = alertUrl || "#";
$.notify({ title: alertTitle, message: alertMessage, url: alertUrl }, { delay: 0 });
}
当我直接从视图中按钮上的 click
事件调用它时,这个 toasterNotify
函数完全按预期工作,但是当它从服务器的 SignalR 回调中调用时,如下所示,警报一出现几乎立即关闭:
var hubProxy = $.connection.applicationHub;
hubProxy.client.alertNewClaim = function (model) {
toasterNotify(model.SourceFullName, model.Message);
};
编辑:
我发现涉及的控制器操作在返回视图结果之前将 SignalR 消息推送到客户端。因此,客户端立即收到 SignalR 消息并显示警报,只是让返回的视图刷新页面,快速删除警报。我仍然不知道如何解决这个问题。
我的 hacky 解决方法是在发送消息之前将消息排入数据库,在控制器端,然后让客户端在每次页面加载时查询未标记为 'dismissed' 的消息。因此,用户将永远在他们访问的每个页面上看到该消息,直到他们单击消息上的 'close' 按钮,这导致请求被发送到 Messaging
控制器以将该消息标记为'dismissed'.