javascript - 如何向Toaster的onClick事件传递参数?

标签 javascript toastr

我处于以下场景:我必须在单击 Toastr 通知时打开一个页面。 考虑当 SignalR 收到通知时,实际场景中会显示弹出窗口。在我创建的道场中,它更简单,因为我有一个名为 test 的对象

你可以到达道场here

代码如下:

$(function () {

var test ={"Message" : "ciao"};

toastr.options.onclick = function(e) {alert(test.Message); }

$('#error').click(function () {
    // make it not dissappear
    toastr.error("Noooo oo oo ooooo!!!", "Title", {
        "timeOut": "0",
        "extendedTImeout": "0"
    });
});
$('#info').click(function () {
    // title is optional
    toastr.info("Info Message", "Title");
});
$('#warning').click(function () {
    toastr.warning("Warning");
});
$('#success').click(function () {
    toastr.success("YYEESSSSSSS");
});

});

我希望将测试对象作为参数传递,而不是作为全局对象

最佳答案

希望还不算太晚 - 但在类似的情况下这对我有帮助:

    toastr.options.onclick = function(e) {alert(this.data.Message); }

        $('#error').click(function () {
            // make it not dissappear
            toastr.error("Noooo oo oo ooooo!!!", "Title", {
                "timeOut": "0",
                "extendedTImeout": "0", 
                "data": {"Message": "ciao error"}
            });
        });
        $('#info').click(function () {
            // title is optional
            toastr.info("Info Message", "Title", {
                   "data": {"Message": "ciao info"}
            });
        });
        $('#warning').click(function () {
            toastr.warning("Warning");
        });
        $('#success').click(function () {
            toastr.success("YYEESSSSSSS");
        });
    });

http://jsfiddle.net/pyob98fj/

关于javascript - 如何向Toaster的onClick事件传递参数?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51058035/

相关文章:

javascript - 如果单击子元素,则不要更改父元素的颜色

java - 当用户正确插入凭据时,为什么登录对话框不会消失?(JSF 2.0。)

javascript - 使用关闭按钮关闭 toastr 时阻止事件。

javascript - Highcharts 密度点图支持吗?

javascript - 客户端重新加载/离开页面后 Socket.io 服务器崩溃

javascript - 如何在 Angular 内渲染 toastr?

javascript - 防止点击关闭 Toastr

javascript - Mixpanel - 身份验证问题,javascript

javascript - Toastr 抛出类型错误 toastr.info ('msg' )