Question

我正在制作一个简单的菜单，玩jQuery - 如何在删除＆＃34; slide＆＃34;时，如何删除方形背景并使一切变得更加流畅。影响？

$(document).ready(function(){

    $('.sidebar1 a').click(function(){

        var ssbar = $(this).attr('href'); 

        $(ssb1).toggle('slide');

        return false;

    });

});

https://jsfiddle.net/p96k9x67/

我尝试使用：

过渡：.15s线性; transform-origin：19px 19px;

<{1>}上的

但这并没有奏效。

Answer 1

你可以用它来实现它：

.sidebar1 {
    z-index: 1;
}
.main-wrapper > .ui-effects-wrapper {
    width: 0 !important;
    overflow: visible !important;
}

请注意，使用!important是为了覆盖jQuery UI添加的内联样式。 !important的明确目的是覆盖级联顺序，因此这与修饰符的可接受使用一致。问题的根本原因是绿线元素出现时会在边栏周围流动（可能是因为flex显示样式）。

演示：https://jsfiddle.net/zczwjdrw/1

如何在切换时删除jQuery UI Slide效果方块

1 个答案: