javascript - 数据添加到DOM后浏览器何时对其进行渲染
伊谢尔伦
伊谢尔伦 2017-04-10 12:43:35
[JavaScript讨论组]

代码

使用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下面,该<li>标签很正常的出现
但是在IE7下面,该<li>标签会先出现一个默认的list-style-type,然后执行CSS定义的list-style-type: none

问题

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

伊谢尔伦
伊谢尔伦

小伙看你根骨奇佳,潜力无限,来学PHP伐。

全部回复(2)
PHPz

我试了一下没有发生你所说的情况,可能是用IETester的原因无法重现。
data.show();这一句是不必要的。因为appendTo时DOM已经发生渲染了。

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

PHP中文网

css修改为:

#main ul{ list-style-type: none;}
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号