爆炸效果jquery不起作用

Question

我有一个横幅需要通过jquery中的爆炸效果出现。

HTML：

<div class="banner">
<div class="click-for-more">Click For More!</div>
</div>
<div class="mosaic">
<div class="close-btn">X</div>
<img src="1280x1024(image).jpg">
</div>

jquery的：

 $(document).ready(function(){
$(".click-for-more").click(function(e){
        e.preventDefault();
         $('.mosaic').show("explode", { pieces: 64 }, 2000);
    });

$(".close-btn").click(function(){
         $('.mosaic').hide("explode", { pieces: 64 }, 2000); 
    });
});

然而，效果不起作用，但在它出现之前就滞后了。为什么会这样？我在代码中做错了吗？

Answer 1

试试这个： - http://jsfiddle.net/adiioo7/RvCS6/

<强> JS： -

$(".click-for-more").click(function(e){
        e.preventDefault();
        $('.mosaic').show("explode", { pieces: 64 }, 2000);
    });

$(".close-btn").click(function(){
        $('.mosaic').hide("explode", { pieces: 64 }, 2000); 
    });