jquery手风琴在firefox中闪现几次（就像页面正在加载...有点）

Question

你最好看，然后说：）

http://www.tsakalos-advertising.gr/portfolio.html

当我点击视频（最后一个）时，它会闪烁/闪烁，然后按你的意愿调用它。我似乎只是在Firefox中得到这个。任何想法如何解决这个问题？

谢谢：）

Answer 1

这种情况正在发生，因为当动画发生时窗口的高度正在缩小，多次重新绘制和回流导致闪烁效应。请注意，如果选择的手风琴不会缩小窗口的高度，则不会发生这种情况。您可以通过将#main_portfolio div的高度设置为等于内容的高度而不仅仅是height:auto来解决此问题。你也想让这个设置延迟，以便在手风琴的动画完成后它会改变，如下所示：

var forceAccHeight = function () {
  $('#main_portfolio').css('height':$(this).height());
};

$('.acc_trigger').click(function(e){
    setTimeout(forceAccHeight, 600);
});

forceAccHeight();