jquery - 爆炸效果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); 
    });