Question

我正试图面对一个特定的课程.mosaic-block，以便在点击此内容时淡出：

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

我的Jquery代码是：

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

但我没有得到理想的结果。

修改＃1 我的.mosain-block HTML代码：

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

Answer 1

你的代码很好。

您可以在行动here中看到它。

所以错误在其他地方。例如，在jQuery导入中（是的，我得到了一个提示;）），它看起来像这样：

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

Answer 2

为什么不使用内置的fadeOut()方法

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

淡出<a href=""> element</a>

2 个答案: