Gritter标题,文字,图像

时间:2012-01-27 01:42:52

标签: gritter

我有3个条件可以呈现3个不同的gritter通知。条件结果应该更改图像,文本和标题。每个条件都需要$ .gritter.add({...})吗?

或者有没有办法在满足任何条件之前声明一个gritter通知,然后在每个条件下,设置标题,文本,图像,因为它们可能适用于该条件?

$ .gritter.add({...})中唯一的返回值似乎是一个唯一的ID,非常适合删除,但从初看起来,我没有看到添加gritter项目的方法从检查萤火虫中的DOM开始。

感谢任何帮助

1 个答案:

答案 0 :(得分:0)

我知道这是多年之后,但这是你改变gritter的属性/值的方法:

var unique_id = $.gritter.add({
    // (string | mandatory) the heading of the notification
    title: '<i class="fa fa-4x fa-bell"></i>&nbsp;&nbsp;New Page Enhancement!',
    // (string | mandatory) the text inside the notification
    text: 'Visit "New Page Enhancements" by clicking on the notifications icon.',
    // (string | optional) the image to display on the left
    image: '../images/logo.png',
    // (bool | optional) if you want it to fade out on its own or just sit there
    sticky: true,
    // (int | optional) the time you want it to be alive for before fading out
    time: '',
    // (string | optional) the class name you want to apply to that specific message
    class_name: 'my-sticky-class'
});

可以为您计划推出的每个gritter实例命名unique_id。