淡出<a href> element

I'm trying to face a particular class .mosaic-block to fade on clicking this:淡出<a href> element

<a href="#"> 
    <div id="t0" class="n0 lfloat"><img src="images/home.png"><br>Home</div> 
</a>

My Jquery code is:

<script type="text/javascript"> 
$(function() { 
$('a #t0').click(function() { 
    $(".mosaic-block").animate({ 
     opacity: 0.0 
     }, 1500); 
    }); 
}); 
</script>

But I'm not getting the desired results.

EDIT#1 My .mosain-blockHTML code:

<div class="mosaic-block bar"> 
    <h4>Sloppy Art</h4> 
    <p>abcd</p> 
</div>

来源

2013-01-04 xan

等什么结果你好吗？ – Ibu

我在HTML中看不到具有类镶嵌块的元素。 –

可以肯定的是，因为您的选择器很奇怪，您是否还有其他ID为t0的元素？因为一个id只能使用一次。 –

你的代码是正确的。

你可以在行动here看到它。

所以错误在别处。举例来说，在jQuery的进口（是的，我在这一个线索;）），它看起来是这样的：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

来源

2013-01-04 19:22:49

谢谢。加载'jquery.js'文件时拼错了文件名。 – xan

Why not use the inbuilt fadeOut()方法

$(".mosaic-block").fadeOut(1500);

来源

2013-01-04 19:07:43

不一定，因为淡出会影响布局'display：none' ..动画不透明度只影响可见性。 –

哦，只是要清楚，我没有downvote你 –

当然..很好学习新的东西.. :) –

淡出<a href> element

回答

相关问题