2

私は以下のようなコードを持っています: 

$(function(){

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

また、HTML コードは次のとおりです。 

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

ページが読み込まれると、スライドがComment:テキストに影響します。このコードは jsFiddle で作成しました。そこで見ることができます。 何が問題ですか。外側の div のプロパティを書きdisplay、heightcss しましたが、成功しませんでした;(

4

2 に答える 2

2

以下のようなものがそれを行うはずです。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;}
于 2012-07-15T07:08:11.600 に答える
0

問題は解決しました！出力は 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);        
    });
})

これらのコードだけで十分です。

于 2012-07-15T07:25:32.793 に答える