【问题标题】:Bullet points not showing when fading in an <li> in FF在 FF 中淡入 <li> 时项目符号点不显示
【发布时间】:2011-03-21 07:06:06
【问题描述】:

http://jsfiddle.net/mnbayazit/P5Hjn/

当我尝试淡入 &lt;li&gt; 时,项目符号点没有出现。在 Chrome 中运行良好,在 IE 中运行良好,但项目符号点仅在完全淡入后才会显示,并且在 FF 3.6 中根本不起作用。有解决办法吗?

【问题讨论】:

    标签: javascript jquery html firefox


    【解决方案1】:

    试试这个:

    $('button').click(function() {
        $('<li>item</li>').hide().appendTo('ul').fadeIn().css('display', '');
        return false;
    });
    

    fadeIn() 的调用将display: block; 添加到似乎处理不好的&lt;li&gt; 元素的样式中。

    【讨论】:

    • 好吧,display 的默认值基本上是 &lt;li&gt; 元素是 list-item。当hide()fadeIn() 将其替换为 noneblock 我想 Firefox 认为它不再是“列表项”了。将上述代码中的.css('display', '') 替换为.css('display', 'list-item') 将具有相同的效果。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2019-09-18
    • 2017-06-16
    • 1970-01-01
    • 2021-08-24
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多