jquerytoastronhidden函数

我正在使用jquerytoastr。到目前为止，一切都很好。我可以很好地展示和关闭祝酒台。 我希望能够唯一地识别每个吐司。并在onHidden函数中使用该唯一标识符。以前有人这样做过吗？为toastr类或围绕已关闭toast的div调用jquery on close事件是更好的选择吗

    var mes = 'My name is Inigo Montoya.<input type="hidden" id="announcementId" value="1"/>' +
       '<input type="hidden" id="userId" value="'+ userid +'"/> ';

    var mes1 = 'Princess Bride<input type="hidden" id="announcementId2" value="2"/>'+
       '<input type="hidden" id="userId1" value="'+ userid +'"/> ';

    var mes2 = 'Man in Black<input type="hidden" id="announcementId2" value="3"/>'+
       '<input type="hidden" id="userId2" value="'+ userid +'"/> ';

   var mes3 = 'Inconcivable!<input type="hidden" id="announcementId3" value="4"/>'+
       '<input type="hidden" id="userId3" value="'+ userid +'"/> ';

toastr.options = {
  "closeButton": false,
  "debug": false,
  "positionClass": "toast-top-full-width",
  "showDuration": "300",
  "hideDuration": "1000",
  "timeOut": "0",
  "extendedTimeOut": "0",
  "showEasing": "swing",
  "hideEasing": "linear",
  "showMethod": "fadeIn",
  "hideMethod": "fadeOut"
};

toastr.options.onHidden = function(item) { 
//GET UNIQUE TOAST ID'S HERE
        var val = 1;//$this.find("#announcemntId").val();
        alert("CLOSED " + item); 
}

toastr.error(mes, "First Toast");
toastr.error(mes1, "Second Toast");
toastr.error(mes2, "Third Toast");
toastr.error(mes3, "Fourth Toast");

var mes='我叫伊尼戈·蒙托亚。'+
' ';
var mes1=‘公主新娘’+
' ';
var mes2=‘黑衣人’+
' ';
var mes3=‘不可思议！’+
' ';
toastr.options={
“closeButton”：false，
“调试”：错误，
“positionClass”：“toast top full width”，
“showDuration”：“300”，
“隐藏”：“1000”，
“超时”：“0”，
“extendedTimeOut”：“0”，
“挥杆”：“挥杆”，
“隐藏”：“线性”，
“showMethod”：“fadeIn”，
“隐藏法”：“淡出”
};
toastr.options.onHidden=函数（项）{
//获取唯一的吐司ID在这里
var val=1；//$this.find（“#announcemntId”）.val（）；
警报（“已关闭”+项目）；
}
toastr.错误（mes，“首次Toast”）；
toastr.错误（mes1，“第二次吐司”）；
toastr.错误（mes2，“第三个Toast”）；
toastr.错误（mes3，“第四次吐司”）；

如果以后有人遇到这个问题，我的解决方案就是这样。 从json加载祝酒词。每个toast都位于其自己的唯一div（info、error、warning、succuess）中，并且每个toast都分配了一个类。我在toast中的每条消息中为隐藏属性指定了所需的值

$.ajax({
    dataType: "json",
    url: '/announcements/getannouncements/userid/' + userid,
    success: function (data) {
        $.each(data, function (i, val) {
            var mes = '<input type="hidden" id="userId" value="' + userid + '"/>' +
                '<input type="hidden" id="announcementId" value="' + val.id + '"/>' +
                'Client:  ' + val.client + '</br>' + val.announcement;
            var title = val.title;
            toastr.error(mes, title); //info, success, warning, error
        });
    },
    error: function () {
        alert("Could not get announcments");
    }
});

---

您可以传递第三个参数，即选项覆盖

toastr.error('Some error', 'Error', { onHidden: function() {
         console.log('Error toast hidden.')
}});

或者修改全局onHidden

var onHiddenToast = function () { 
        console.log("onHidden");
}
toastr.options.onHidden = onHiddenToast;

您也可以通过引用它来获得祝酒辞

var myToast = toastr.info("Some info");
//do what you want with myToast

---

我不太明白这些答案，所以我添加了我自己的答案。我使用jquery创建了一个onclose函数（当有人单击toast close按钮时），如下所示-

$('.toast-close-button').click(function() {
*someCodeHere 
});

---

谢谢你的提醒！将考虑所有未来的使用！

$('.toast-close-button').click(function() {
*someCodeHere 
});