【发布时间】:2011-03-21 07:06:06
【问题描述】:
http://jsfiddle.net/mnbayazit/P5Hjn/
当我尝试淡入 <li> 时,项目符号点没有出现。在 Chrome 中运行良好,在 IE 中运行良好,但项目符号点仅在完全淡入后才会显示,并且在 FF 3.6 中根本不起作用。有解决办法吗?
【问题讨论】:
标签: javascript jquery html firefox
http://jsfiddle.net/mnbayazit/P5Hjn/
当我尝试淡入 <li> 时,项目符号点没有出现。在 Chrome 中运行良好,在 IE 中运行良好,但项目符号点仅在完全淡入后才会显示,并且在 FF 3.6 中根本不起作用。有解决办法吗?
【问题讨论】:
标签: javascript jquery html firefox
试试这个:
$('button').click(function() {
$('<li>item</li>').hide().appendTo('ul').fadeIn().css('display', '');
return false;
});
对fadeIn() 的调用将display: block; 添加到似乎处理不好的<li> 元素的样式中。
【讨论】:
display 的默认值基本上是 <li> 元素是 list-item。当hide() 和fadeIn() 将其替换为 none 或 block 我想 Firefox 认为它不再是“列表项”了。将上述代码中的.css('display', '') 替换为.css('display', 'list-item') 将具有相同的效果。