Question

我建立了一个手风琴常见问题菜单作为个人练习的一部分here

单击我似乎无法解决的按钮时会出现轻微的抖动/抖动。我搜索过Google，但无法获得有效的功能。有什么想法吗？

此外，是否有更有效的方法来编写代码？这就是我所拥有的：

(function () {

    $('dd').hide();
    $('dt').click(function(){
        $(this)
            .next()
            .slideDown(100)
            .siblings('dd')
            .slideUp(100);
    });

    $('dd').click(function(){
        $(this).hide();
    });

})();

Answer 1

我不太确定，但可能是你看到子像素渲染器调整颜色边框以响应页面上的元素移动？

不幸的是，如果是这种情况，那么您无法从Web应用程序中做到这一点。最好的情况是，你可以选择一个具有较少按钮边框对比度的配色方案，这会使摆动不那么明显。

Answer 2

您是否尝试更改当前使用的jquery自定义主题？

Answer 3

使用jQuery制作动画实际上在性能方面非常昂贵。我建议不要使用可能是您问题的动画。

另外，你也可以使用jquery ui，因为他们已经解决了手风琴问题。重新发明轮子没有任何意义

Answer 4

尝试切换一些过渡效果以获得所需的结果。尽可能使用CSS3;如果您愿意，还是坚持使用jQuery。

$(this).animate({
    'paddingBottom': 5,
}, 300, 'linear')

jQuery初学者 - 手风琴菜单，但紧张的按钮

4 个答案: