jquery - 停止 jQueryUI 效果

Question

我正在开发一种类似于 Facebook 的聊天。当新消息到达时，我使用了 jQuery UI 高亮效果。现在我想在用户点击窗口时停止这种效果。

这是我的窗口点击事件代码。“janela”类是聊天的窗口。

$('.janela').live('click', function(){
    var id = $(this).children('.topo').attr('id');
    $.post('sys/chat.php',{acao: 'mudar_status', user: id});
    $(".topo").effect("none"); //it's just a frustrated try.
});

谢谢。

Answer 1

使用stop：

$(".topo").stop(true, true)

正如我的评论中提到的，live已弃用，使用on.

Answer 2

使用.stop()，它会停止匹配元素上当前正在运行的动画。

$(".topo").stop(true, true);