淡出<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

回答

相關問題