未定義の数のinputtype= "hidden"をJQueryUIのプログレスバー(http://jqueryui.com/demos/progressbar/)にリンクする必要があります。使用するユーザーごとに同じ数の非表示バーとプログレスバーを使用することはありません。(5人のユーザーがいる場合、5つのプログレスバーと5つの非表示になります)
入力type="hidden"とプログレスバーの数を動的に検出し、それらをリンクする方法を知りたいです。
ありがとう
未定義の数のinputtype= "hidden"をJQueryUIのプログレスバー(http://jqueryui.com/demos/progressbar/)にリンクする必要があります。使用するユーザーごとに同じ数の非表示バーとプログレスバーを使用することはありません。(5人のユーザーがいる場合、5つのプログレスバーと5つの非表示になります)
入力type="hidden"とプログレスバーの数を動的に検出し、それらをリンクする方法を知りたいです。
ありがとう
これは、あなたの望むことですか?
$('input:hidden').each(function(i, input) {
$('.progressBar').eq(i).progressbar({
value: Number($(input).val())
});
});
例: http: //jsfiddle.net/william/LZCqA/
これがあなたが探しているものであるかどうかはわかりません...
非表示タイプのすべての入力を選択する場合、それを行うための最良の方法は、関心のあるすべての入力にクラスを設定するか、常にすべての非表示に関心がある場合です。ページに入力すると、すべてを選択できます。
それぞれを行う方法の例を次に示します。
$('.my-input-class').each(function(){//do whatever here...});
$('input[type="hidden"]').each(//same thing here...);
この場合の「.each」の使用は、すべての入力を操作する例にすぎません。$('selector')を実行するだけで、明らかにすべての要素が選択されます。
それは役に立ちますか?
小さな更新:
質問を読み直した後、これも役立つ場合があります... .each()内で、jQueryプログレスバーをポーリングし、非表示の入力をプログレスバーの値に設定できます。しかし、私は認めます、私はあなたがそれをしたい/する必要がある状況を本当に考えることができません。