jquery显示和隐藏图像不起作用

我有一个代码到我的一个页面。 当有人点击单选按钮时，它应该淡入，保持和淡出图像。 此外，使用ajax更新数据库。

     $("#rad").click(function() { $("#success").fadeIn(500); $("#success").delay(1000); $("#success").fadeOut(1000); })     

我删除了ajax部分以避免混淆。 这是我用过的jsFiddle。 http://jsfiddle.net/c7ajb/1/可能是什么错误？

Answer 1

Answer 2

这是有效的：

 $("#rad").click(function () { $("#success").fadeIn(500).delay(1000).fadeOut(1000); });​ 

Javascript有时可能是异步的，如果你不这样做， delay()将无法正常工作。

您还应该使用回调来实现更好的代码演变。

Answer 3

将delay / fadeOut放在fadeIn函数的回调中（或链接其他答案中建议的方法）：

 $("#rad").click(function () { $("#success").fadeIn(500, function() { $(this).delay(1000).fadeOut(1000); }); }); 

在这里演示