我正在使用notify.js。所有自定义样式都可以正常工作,但图标无法显示。 背景图像工作正常,但我想在通知文本旁边显示一个图标选项卡。有什么方法可以实现吗?你可以在下面找到我的代码 再次感谢。
$.notify
.addStyle('foo', {
html: "<div>"
+ "<div class='clearfix' >"
+ "<div class='title' data-notify-html='title'/>"
+ "<div class='buttons' align='middle' >"
+ "<button class='yes' data-notify-text='button'></button>"
+ "</div>" + "</div>" + "</div>",
classes: {
superblue: {
"color": "#3A87AD",
"background-color": "#D9EDF7",
"border": "6px solid blue",
"border-color": "red",
"white-space": "nowrap"
/* "background-repeat": "no-repeat",
"background-position": "left top",
"background-size": "25px",
"background-image": "url('edda.png')" */
}
}
});
$(document).on('click', '.notifyjs-foo-base .yes', function () {
//hide notification
$(this).trigger('notify-hide');
});
$.notify({
title: '<h5>Would you like some Foo ?</h5>',
icon: "image.png",
button: 'Oke'
}, {
style: 'foo',
className: 'superblue',
autoHide: false,
clickToHide: false,
position: 'bottom right'
});