jquery ui effect()方法

Question

点击然后执行

$(document).ready(function(){
       $('button').click(function(){
           $(this).effect('shake','slow');
       })
    })
    

方法执行的时候，button晃动， 会出现两层，为什么？

Answer 1

因为jquery effect使用的是js动画，设置按钮为相对定位，通过改变left、right来运动，并且会改变按钮大小的值。
我不建议使用，推荐用下css3动画库。
如果你一定要使用可以这样试试。
就是在按钮外加一层div.container，然后把对象效果运用到这层container上。

$(document).ready(function(){
   $('button').click(function(){
       $('.container').effect('shake',10000);
   })
})