javascript - JQuery 窗口闪烁

标签 javascript jquery-ui jquery-plugins jquery

我正在开发一个聊天应用程序(客户和运算符(operator))。使用 jquery Ajax 和 PHP。从客户的 Angular 来看,他可以处理多个聊天。例如,有两个聊天。他怎么知道新消息来自哪个窗口。我可以数一数。但是 jquery 中是否有任何选项可以在计数更改时使窗口闪烁?

最佳答案

我建议不要使用“真正的”(弹出式)窗口,而是使用 CSS 层。

因此,如果收到来自其他人的新聊天消息,例如正在创建 ID 为“chatSessionXXX”的 div 容器,对话在其中发生。然后,您可以在通过 AJAX 保存或显示消息时始终使用此 ID 作为当前聊天 session ID。

当收到新消息时,您还可以通过调整 z-index 将图层移到顶部,或者简单地添加一个 CSS 类,为该容器添加一些“华丽”效果。

但是如果你想依赖真正的弹出窗口,你可以使用 focus() 将窗口调到前台。

/* Inside your chat popup */
if(newMessage) 
    window.focus();

当你想在用户关闭弹出窗口时终止聊天 session 时,你可能还会遇到一个问题 - unload 和 beforeunload 事件不可靠,并且在某些浏览器中可能无法正常工作(至少就我的经验而言)继续这个)。

关于javascript - JQuery 窗口闪烁,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2515018/

相关文章:

javascript - 为什么在结束上下文之前评估动态内联脚本标记?

javascript - knockout (js)到(html)头部

javascript - JQuery UI 选项卡 - IE9 的 CSS 样式

php - 使用 jQuery 和 CodeIgniter PHP MVC 自动完成

javascript - 在异步函数中,如何正确访问父变量

javascript - 使用javascript和css弹出窗口

javascript - jQuery UI 对话框中关闭 (x) 按钮的专用事件处理程序

javascript - tinyMCE iframe 或表格高度未正确调整大小

javascript - JQuery 同位素未触发

jquery - css 动画,动画名称,smoothstate.js