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

Posted

技术标签:

【中文标题】使通知通知成为可点击的超链接【英文标题】:making a noty notification a clickable hyperlink 【发布时间】:2014-04-08 20:58:17 【问题描述】:
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 的回调?还是我必须以另一种方式来做。喜欢在文本中添加超链接?

【问题讨论】:

【参考方案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/");
            
        
    ]
);

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

【讨论】:

以上是关于使通知通知成为可点击的超链接的主要内容,如果未能解决你的问题,请参考以下文章

我怎样才能使评论中的标记用户成为该用户主页的超链接? (姜戈)

如何使整个产品项目卡可点击

为org.eclipse.swt.widgets.Text 添加可点击的超链接

如何将字符串中的 URL 呈现为可点击的超链接?

Java 更新和删除PDF中的超链接

如何修改PPT中的超链接字体颜色