4

又是一个 jQuery、Firefox 闪烁的问题。（在 IE6/7/8、Safari 中无闪烁）

我在这里上传了一个示例页面：http: //sithlord.bplaced.net/testing/jquery_flickering/flickering.html

有两个 div 容器。内部 div 是我隐藏的那个。外层是带有样式元素的包装容器。我发现闪烁只发生在选择框上。没有 SelectBox 就没有闪烁。

但这还不是全部：（我不能发布第二个超链接：它与上面的链接相同；只需将“flickering.html”更改为 not_flickering.html）

在这种情况下，我选择了一个较低的“选项” - 如您所见，在这种情况下闪烁消失了。当总体选择较少时，也会发生同样的情况。（少于约 20 个）

我发现的唯一解决方法是删除选择框:)

任何想法，为什么会发生这种情况以及如何解决？

谢谢！

4

4 回答 4

5

溢出：隐藏；直接应用于包含 div 的作品。

于 2010-11-23T15:44:03.790 回答
0

我在这方面有点晚了，但我遇到了类似的问题。我的解决方案：将 display:none 设置为动画前的 select，然后 display:block after。例子：

 $("div#hidden").hide();
  $("a").click(function(e) {
    e.preventDefault();
    $("div#hidden select").css('display','none');
    $("div#hidden").slideDown(1000);
    $("div#hidden select").css('display','block');
    });
});

如果您愿意，也可以使用 jquery 显示/隐藏功能。

于 2010-12-01T20:58:14.980 回答
0

请参阅http://dev.jquery.com/ticket/5743为什么使用 jQuery 通常可以实现这样的事情。简而言之，虽然没有参数的 css 函数声称只返回值而不更新任何内容，但在某些情况下它实际上会更新 DOM。

于 2010-10-12T07:35:49.723 回答
0

Found this post. Try setting a width or height on the hidden div. I noticed you have no styles on your divs so its possible this may work.

Metropolis

于 2010-05-24T15:21:39.673 回答