jquery - slideUp 和 slideDown 导致 Firefox 12 中的文本跳转？

Question

我有如下代码：

$(function(){

    $("#ani").slideUp(600,function(){
         $(this).text('13').slideDown(600);        
    });
})

和HTML代码如下：

<div>Comment: <span id="ani">12</span></div>

页面加载后，幻灯片会影响Comment:文本。我已经在 jsFiddle 中编写了这段代码，你可以在那里观看。 问题是什么。我为外部 div 编写了displaycssheight属性，但没有成功；（

Answer 1

像下面这样的东西应该这样做。div 应该有一个标准宽度，内部跨度是float: right

<div>Comment:
    <span id="ani">12</span>
</div>​

CSS

div{width:100px;}
span{float:right;}

演示

希望这可以帮助

编辑

此更新基于 OP 的回答：

<div><span>Comment:</span>
    <span id="ani">12</span>
</div>

css

span{float:left;display:inline-block;min-height:30px;}

Answer 2

问题已解决！您可以在 jsFiddle 中看到输出 谢谢@Dhiraj_Bodicherla，您的帮助解决了问题 +1。我实际上需要将评论浮动到左侧，如下所示：

<div><span style="float:left;display:inline-block;min-height:30px;">Comment:</span>
    <span id="ani">12</span>
</div>

jQuery部分：

$(function(){

    $("#ani").slideUp(600,function(){
         $(this).text('13').slideDown(600);        
    });
})

仅这些代码就足够了。