LayIM 设置已读和未读信息提示

分享 未结
3 959
Sooo
Sooo VIP4 2017-9-25
悬赏:10飞吻
# 让LayIM 拥有已读和未读信息提示

这个提醒呢,贤心其实是在代码
<span class="layim-msg-status">new</span>
里加了相应的样式了的,但是好像没有做完对应的功能,然后给`layim-msg-status` 加了`display:none`了 ;(

那么现在我要的就是只要一有信息过来,那么就要在主面板提醒(有点类似手Q里的提醒信息数一样(但是我们这里就不做提醒信息的条数了))

好了,直接上代码吧,为了方便在调用页面处理信息,我们这里就手动的给

//layim.js 里找到这个class
<span id="tips-{{ '+ (options.index||'i') +' }}" class="layim-msg-status">new</span>
指定唯一的访客ID,这样我们在页面监听有信息来的时候就可以直接` $("#tips-"+data.id).show()` 把new显示出来了`data.id`也是对应的访客的ID哦
效果类似


这就完成了显示了。接着我们继续来做点击的隐藏。也是需要修改`layim.js`我们找到
` ,chat: function(othis){` 这个弹出聊天面板的事件。在里面添加如下代码

 var type = othis.data('type'), index = othis.data('index'),tipsid=othis.data('id');
try{
$("#tips-"+tipsid).removeAttr("style");
}catch (e){}
这样当你点击 `访客-1233`的时候这个 `new`提醒就消失了。

当然还可以处理当点击哪个抖动弹窗的时候隐藏 这些new.这里就不累赘了,处理方式也是监听一下 click事件就好了。

这个应该算是一个粗暴的方式了吧(but...也解决了这个问题,不是吗)。如果你有更好的方法,欢迎留言~~

[可怜] fly的编辑器应该直接支持 markdown 语法就好了~~~
回帖
本帖已设置禁止回复