javascript - 如何将参数传递给 Toaster 的 onClick 事件？

Question

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

你可以在这里到达道场

代码如下：

$(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");
});

});

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

标签： javascripttoastr

Answer 1

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

    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/