3

今日、私はWebページにjQueryプログレスバーを実装していました。同じページに約 30 個のプログレス バーを実装する必要がありました。

そのコードは次のようになります

$( "#progressbar" ).progressbar({
value: 80
});

以下の div にプログレス バーが 80% いっぱい表示されます

<div id="progressbar"></div>

何が起こったのかというと、30 の異なるプログレスバー div について言及し、それらを呼び出して 30 の jquery 呼び出しを使用して実行する必要があります...

その代わり

私が試したのは

<div id="progressbar" title="54"></div>

次のように呼び出して

$( "#progressbar" ).progressbar({
value: $(this).attr('title')
});

そのdivのタイトルに自動的に値を与えるはずです...

これは機能しませんが...

ここで何が間違っているのか、誰にも手がかりがありますか?

私も試しました

$( "#progressbar" ).each( function(){
progressbar({
value: 80
});
});

まだダメ

誰でもここでヒントをくれますか...どうもありがとう！

4

1 に答える 1

4

見つけた。乾杯！

それはこのように動作します

<div class="progressbar" rel="54"></div>

そして、次のように呼び出します

            $("div.progressbar").each (function () {
                var element = this;
                $(element).progressbar({
                value: parseInt($(element).attr("rel"))
                });
            });

ここで答えてくれた @volkan-er に乾杯 - JQuery UI: 複数の進行状況バー - 動的な値を設定する問題

:)

于 2011-04-01T20:17:34.707 に答える