2012-07-15 55 views
2

我有如下代碼:slideUp和slideDown導致Firefox 12中的文本跳轉?

$(function(){ 

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

和HTML如下代碼:

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

當頁面已經被加載幻燈片將影響Comment:文本。 I have written this code in jsFiddle and you can watch it there. 問題是什麼。我寫displayheight CSS屬性外格,但不獲得成功;(

+0

*問題是什麼? – sachleen 2012-07-15 06:45:52

+0

'評論:'會隨數字跳躍。頁面加載時。我只想滑動數字。 '評論:'應該是固定的 – ALH 2012-07-15 06:46:49

+0

它確實。 12下滑,13彈出。 – sachleen 2012-07-15 06:48:02

回答

2

像下面應該這樣做 股利應該有一個標準寬度和內部跨度的東西是float: right

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

。 CSS

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

DEMO

希望日爲幫助

編輯

這個更新是基於OP的回答是:

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

CSS

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

BlueBox(12)在評論中應該上去。在你的演示中,'12'本身上升,下降13。 – ALH 2012-07-15 07:17:01

+0

+1謝謝。看到我自己對這個問題的回答。 – ALH 2012-07-15 07:26:14

+0

很高興你有它:) – Dhiraj 2012-07-15 07:27:05

0

問題已解決!你可以看到the output in 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);   
    }); 
}) 

閒來無事只是這些代碼是不夠的。