javascript - 使通知通知成为可点击的超链接

Question

noty({
layout: 'topRight',
type: 'alert',
text: 'Number of Alerts:'+count,
template: '<div class="noty_message"><span class="noty_text"></span></div>',
closeWith: ['button'],
dismissQueue: true, 
animation: {
    open: {height: 'toggle'},
    close: {height: 'toggle'},
    easing: 'swing',
    speed: 500 
    },
    timeout: false
});

有什么方法可以使通知成为可点击的超链接。我已经考虑过，callback onClose()但由于我不想关闭通知，所以我不能使用它。有回调onclick吗？还是我必须以另一种方式来做。喜欢在文本中添加超链接？

Answer 1

您可以使用该buttons选项创建一个在新窗口中打开 URL 的按钮。

noty({
    layout: 'topRight',
    type: 'alert',
    text: 'Number of Alerts:'+count,
    template: '<div class="noty_message"><span class="noty_text"></span></div>',
    closeWith: ['button'],
    dismissQueue: true, 
    animation: {
        open: {height: 'toggle'},
        close: {height: 'toggle'},
        easing: 'swing',
        speed: 500 
    },
    timeout: false,
    buttons: [
        {
            addClass: 'css-class-for-the-btn', text: 'Link', onClick: function ($noty) {
                window.open("http://yoururl/");
            }
        }
    ]
});

您可以通过在中定义类来自定义按钮的 CSSaddClass