Javascript 摇动效果不'；不要影响其他因素

是否可以在不影响div周围其他元素的情况下对div使用抖动效果？我的第一个想法是改变我正在使用效果的div的z索引，但这并没有改变什么

我创造了一个新的例子来说明我的意思

$(document).ready(function(){
    $('.shake').on('click', function(){
        var decider = Math.round(Math.random() * 5) + 1
        $('.box:nth-child(' + decider + ')').effect('shake');
        decider = null;
    })
})

---

要使用jQuery UI效果解决您的问题，您可以设置为CSS规则：

.ui-effects-wrapper {    
    display: inline-block;
}

---

请参见

运行动画时，jQuery使用类

ui效果包装器创建一个元素

。将其CSS设置为

display:inline block

您可以在CSS中执行此操作-您可以使用这个库use@WouterHuysentruit

不需要喊：）

我的坏：）