停止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);