Question

是否可以在div上使用抖动效果而不影响其周围的其他元素？我的第一个想法是改变我使用效果的div的z-index，但这没有改变。

我创建了jsfiddle以显示我的意思。

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

Answer 1

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

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

请参阅jsFiddle

Answer 2

运行动画时，jQuery会创建一个类ui-effects-wrapper的元素。将其CSS设置为display: inline-block。 JSFiddle

摇动不影响其他元素的效果

2 个答案: