Jquery 显示多条消息的JQX通知小部件

Jquery 显示多条消息的JQX通知小部件,jquery,jqxwidgets,Jquery,Jqxwidgets,目前,我正在使用jqx通知小部件,在该小部件中,单击代码下面的按钮即可执行。但问题是,当我们点击一个按钮时,它会显示多条消息。我想当我们点击那个按钮时,将其限制为单个通知。一旦它消失,用户点击该按钮,它就会显示该消息 $('#dialog').after("<div id = 'jqxNotification' style='display: none;'>Saved Successfully.</div>"); $("#jqxNotification").jqxNoti

目前,我正在使用jqx通知小部件,在该小部件中,单击代码下面的按钮即可执行。但问题是,当我们点击一个按钮时,它会显示多条消息。我想当我们点击那个按钮时,将其限制为单个通知。一旦它消失,用户点击该按钮,它就会显示该消息

$('#dialog').after("<div id = 'jqxNotification' style='display: none;'>Saved Successfully.</div>");
$("#jqxNotification").jqxNotification({ width: 250, position: "top-right", opacity: 0.9,
        autoOpen: true, animationOpenDelay: 800, autoClose: true, template: "success"
});
$('#dialog')。之后(“保存成功”);
$(“#jqxNotification”).jqxNotification({宽度:250,位置:“右上角”,不透明度:0.9,
自动打开:真,动画暂停:800,自动关闭:真,模板:“成功”
});
以下是一些提示

没有任何设置来执行此操作,但您可以做的是
在打开显示通知之前,按属性隐藏以前所有的通知。
.jqxNotification(“closeAll”)

函数showMessage(){
$(“#jqxNotification”).jqxNotification(“closeAll”);
$('#dialog')。之后(“保存成功”);
$(“#jqxNotification”).jqxNotification({宽度:250,位置:“右上角”,不透明度:0.9,
自动打开:真,动画暂停:800,自动关闭:真,模板:“成功”
});
}
showMessage()
设置超时(showMessage,1000);
function showMessage() {
   $("#jqxNotification").jqxNotification("closeAll");
   $('#dialog').after("<div id = 'jqxNotification' style='display: none;'>Saved Successfully.</div>");

   $("#jqxNotification").jqxNotification({ width: 250, position: "top-right", opacity: 0.9,
        autoOpen: true, animationOpenDelay: 800, autoClose: true, template: "success"
   });
}

showMessage()
setTimeout(showMessage,1000);