2011-08-16 5 views
2

JQuery UI(http://jqueryui.com/demos/progressbar/)のプログレスバーに未定義の入力タイプ= "hidden"をリンクする必要があります。私は使用している各ユーザーのために、同じ数の隠れているプログレスバーを持つことはありません。 (5人のユーザーがいる場合、5つのプログレスバーと5つの非表示バーが表示されます)未定義数の入力タイプ= "hidden"をJQuery UIのいくつかの進行状況バーにリンクする方法は?

入力タイプ= "隠し"とプログレスバーの数を動的に検出してリンクする方法を知りたいと思います。

おかげ

+0

あなたは何を意味する "リンク?" –

+0

私は進捗の値を隠しと同じにする必要があります –

答えて

2

これは必要なものですか?

$('input:hidden').each(function(i, input) { 
    $('.progressBar').eq(i).progressbar({ 
     value: Number($(input).val()) 
    }); 
}); 

例:http://jsfiddle.net/william/LZCqA/

+0

はい!ありがとう! –

0

これはあなたが...に

あなたは隠されたタイプのすべての入力を選択したい場合は、最良の方法は探しているものであれば、私は本当かわかりません興味のあるすべての入力にクラスを設定するか、ページのすべての非表示入力に常に興味がある場合は、それらをすべて選択するだけです。ここで

は、それぞれを行う方法の例です:

$('.my-input-class').each(function(){//do whatever here...}); 

$('input[type="hidden"]').each(//same thing here...); 

この場合には「.each」を使用して、すべての入力での作業のほんの一例です。 $( 'selector')を実行するだけで、明らかにすべての要素が選択されます。

これは役に立ちますか?

小アップデート

再読み込みあなたの質問の後、これはあまりにも役立つかもしれない...あなたの.each()内の、あなたは、あなたのjQueryのプログレスバーをポーリングし、値に隠された入力を設定することができます進行状況バーのしかし、私はあなたがそれをしたい/したいと思う状況を本当に考えることができないと認めます。

+0

同じページに複数のプログレスバーを表示したいのですが。進捗バーの値を非表示の入力タイプにリンクして、非表示の値がそれぞれの進捗バーと同じになるようにします。 (もし私が3つのプログレスバーを持っていたら、プログレスバー1に同じ値のinput1があることを望みます) –

+0

ああ、私は今見ています。各プログレスバー/隠された入力の組み合わせを識別する独自の方法を作ることをお勧めします。たとえば、ページに印刷するときに、最初のプログレスバーに 'progress-bar-1'のIDを与え、隠し入力に 'hidden-input-1'のIDを与えます(明らかに、 、それらに一意の番号を付けてください)。これを行うと、同期を維持しようとしている特定の進捗バーと入力を取得できます。さらに進めていくためには、進捗バーと入力のペアの値を更新する必要があることをどのように知っているかを教えてください。 – Anthony

関連する問題