【发布时间】:2023-03-10 20:05:01
【问题描述】:
我正在尝试让 Bootstrap Notify 警报保持可见,直到用户将其关闭,而不会自动关闭。为此,根据我对文档的理解,我将delay设置为0。这是bootstrap-notify.js之后包含的我的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 消息并显示警报,只是让返回的视图刷新页面,快速删除警报。我仍然不知道如何解决这个问题。
【问题讨论】:
-
tr 在我们可以看到和调试的地方重现错误。或者如果您的页面是活动的,那么提供一个链接
-
"在返回视图结果之前将 SignalR 消息推送到客户端" SingnalR 消息可以包含一个 URL(如果它与当前的不同) - 将其从您的服务器发送到
toasterNotify作为第三个参数。一旦用户单击模式,他们将转到该 URL(我相信 - 基于我在这里阅读的文档:bootstrap-notify.remabledesigns.com)。不过不要去#- 这不会重新加载你的视图 - 使用文档当前位置。 -
我认为您试图完成的工作只能通过单页应用程序完成 - 我假设您使用多页 .NET MVC 应用程序,在操作之间刷新完整页面。你能在某种视图中注入JS服务器端吗,为什么它需要来自
signalR
标签: javascript twitter-bootstrap bootstrap-notify