如何隐藏<a> element for 5 secs after clicking on it?</a>

时间:2013-06-06 17:21:00

标签: jquery

如何在点击后隐藏<a>元素5秒

我发现了这个:但没有工作。

$('a.rate-number-up-down-btn-up').hide('blind', {}, 5000);

3 个答案:

答案 0 :(得分:5)

这样的东西?

$('a.rate-number-up-down-btn-up').hide({
  'effect':'blind'
}, 5000, function() {
  $(this).show(); 
});

也做了相反的事情:

$('a.rate-number-up-down-btn-up').hide({
  'effect':'blind'
}, 5000, function() {
  $(this).show({
    'effect':'blind'
  }, 5000); 
});

答案 1 :(得分:3)

你可以这样做:

$('a.rate-number-up-down-btn-up').hide(500).delay(5000).show(500);

演示:http://jsfiddle.net/vd2rB/

或没有效果:

$('a.rate-number-up-down-btn-up').hide(0).delay(5000).show(0);

您仍然需要传递0一段时间,因为没有效果队列,.delay()不会做任何事情。

答案 2 :(得分:0)

您展示的代码可能有效,但您要么不包含jQuery UI库,要么使用错误的选择器

<a class="click"> Click me</a>

然后执行该操作的jquery代码是:

 $('a.click').hide('blind', {}, 5000);

如果您使用blind效果,请提供jquery UI