0

アニメーション化しようとしているバーがあり、ここに何かが欠けています。ここに私のHTMLがあります

<div class="bar"><span style="width: 74%;"></span></div>

ここにjqueryがあります：

$(document).ready(function(){
$('.bar span').each(function(){
    var $percent = $(this).find('span').css('width') * 0.8;
    $(this).find('.bar span').animate(
        {width:$percent+"%"},
        {duration: 5000});
  })
});

私は近くにいることを知っています...しかし、それをアニメーション化するためのスパンを見つけることができないようです.

ご協力ありがとうございました。幅の値を把握できなかったので、タイトルタグで数字を探すようになりました。これが私が巻き上げたjqueryです。

$(document).ready(function(){
$('.bar span').each(function(){
var $percent = $(this).attr('title') * 0.8;
$(this).animate(
    {width:$percent+"%"},
    {duration: 1000});
  })
});
4

4 に答える 4

0

css(width)のようなものを返す必要があるN pxため、それを処理して値を取得するか、次を使用できますheight()。

var $percent = $(this).width() * 0.8;

また、その効果は少し奇妙です:こちらを参照してください。

于 2013-05-24T18:33:02.413 に答える
0

.find() を使用する必要はありません。既にスパンを選択しているため、$(this) を使用する必要があります。

$('.bar span').each()

だからそうあるべきだ...

 $(document).ready(function(){
       $('.bar span').each(function(){
       var $percent = $(this).css('width') * 0.8;
        $(this).animate(
        {width:$percent+"%"},
        {duration: 5000});
    })
});
于 2013-05-24T18:30:18.033 に答える