开发者社区 问答 正文

数据添加到DOM后浏览器何时对其进行渲染

代码

使用jQuery操作DOM

var data = $('<li>Hello, This is a list.</li>').appendTo('#main>ul');
data.show();

对应的CSS

#main>ul{ list-style-type: none;}
现象

在Chrome、Firefox下面,该

标签很正常的出现
但是在IE7下面,该标签会先出现一个默认的list-style-type,然后执行CSS定义的list-style-type: none

问题

IE下面该如何使其可以像Chrome一样正常显示

展开
收起
小旋风柴进 2016-03-23 15:08:58 2032 分享 版权
1 条回答
写回答
取消 提交回答
  • 我试了一下没有发生你所说的情况,可能是用IETester的原因无法重现。
    data.show();这一句是不必要的。因为appendTo时DOM已经发生渲染了。

    有时为了实现数据append后slideDown的效果,经常这样做:
    var data = $('<li>Hello, This is a list.</li>').hide().appendTo('#main>ul').slideDown('slow');

    2019-07-17 19:11:13
    赞同 展开评论