【问题标题】:Bootstrap Notify auto-closes even with delay set to 0即使延迟设置为 0,Bootstrap Notify 也会自动关闭
【发布时间】: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


【解决方案1】:

对此,我的 hacky 解决方法是在控制器端发送消息之前将消息排队到数据库,然后让客户端在每次页面加载时查询未标记为“已关闭”的消息。因此,用户将永远在他们访问的每个页面上看到该消息,直到他们单击消息上的“关闭”按钮,这导致向Messaging 控制器发送请求以将该消息标记为“已关闭”。

【讨论】:

    猜你喜欢
    • 2016-08-09
    • 2013-10-24
    • 1970-01-01
    • 1970-01-01
    • 2022-11-21
    • 1970-01-01
    • 1970-01-01
    • 2023-03-04
    • 2015-05-19
    相关资源
    最近更新 更多