我有一个非常简单的页面,当用户点击页面上的特定条目时,它会显示状态更新.
这一切都很好.第一次单击使用正确的输出更新id =’sts’,6秒后消失.
然而,如果用户点击另一个链接时它会消失,DIV会使用新文本进行更新,但它会根据原始淡出超时时间逐渐消失.
无论如何让DIV更新再次启动淡入淡出计数器？
这就是我目前用来进行div更新的内容.
$('.first').click(function () {
$("#sts").html('first update 1').show().fadeOut(6000);
});
$('.next').click(function () {
$("#sts").html('second update 2').show().fadeOut(6000);
});
$('.last').click(function () {
$("#sts").html('dinal update 3').show().fadeOut(6000);
});
谢谢
解决方法
你需要使用
.stop( [clearQueue ] [,jumpToEnd ]).
Stop the currently-running animation on the matched elements.
$("#sts").stop(true,true).html('first update 1').show().fadeOut(6000);
根据A.Wolff建议：
您可以使用.finish()替代.stop(true,true)
完()：
Stop the currently-running animation,remove all queued animations,and complete all animations for the matched elements.
$("#sts").finish().html('first update 1').show().fadeOut(6000);
