django - jpcodeqa.com

Djangoで作成されたforループで繰り返される一連のHTMLコードのJavaScriptコードを実行するにはどうすればよいですか?nn nnnnn タグ:n n n n n nnnnnnn 質問n nnnnnn私はコンテキスト変数の各要素のHTMLコードブロックを作成するhtmlでこのコードを持っています。n {% for car, speed in carSpeeds.items %}n n n n n n

n n n {{ car }}

n {{ speed }}

n n{% endfor %}n目標: 作成される各バーに対してこのJS/JQコードを実行したいn var bar = $(‘#carSpeedBar’);nvar result = $(‘#carSpeed’).text();nvar res = document.getElementById(‘result’);nvar width = 0;nvar id = setInterval(speed, 12);n function speed(){n if (width < result){n width++;n bar.style.width = width + ‘%’;n res.innerHTML = width + ‘%’;nこれは私がこれまで持っていたもので、動作しますが、これはHTMLコードの最初のブロックのバーを作成し、他のブロックを無視するだけで、理由を理解できません。同様に、メルセデスのバーを作成し、値が通過していても他のすべてのバーを空白にします。私の推測では、要素のIDを上書きすることを拒否しているため、何とか複製される可能性があります。私が間違っていることと、これを達成する方法を教えてください。nありがとう。nnnnnnnnn ベストアンサーn nnnnnnPRMoureuはすでにコメントで言っているように:あなたは本当にあなたのIDを正しく取得する必要があります。 テンプレート内で forloop.counter 変数を使用して、1から始まる現在の反復番号を取得できます。その変数を次のようにIDに追加します。n n2つ目は、複数の車を処理できるように、JavaScriptを一般化することです。 スニペットをパラメータとしてcar idをとり、ハードコードされたIDをこのパラメータに従って動的に調整する関数にラップしますn function animateCarSpeed(var id) {n var bar = $(‘#carSpeedBar’ + id);n //…n}n最後に、新しい一般化されたJavaScript関数を呼び出す必要があります。 JavaScriptをインクルードする方法に応じて、JavaScriptファイル内、テンプレートループ内の新しいscript要素、またはテンプレートの最後に関数を呼び出します。nnnnnnnnn n n n n n nnnn n sourcen nnnnnn javascript forループでコードを繰り返さないようにするにはどうすればよいですか?n nnnnnnn forループで一連のPHP変数関数を作成して実行するにはどうすればよいですか?n nnnnnnn 以下の一連のforループをよりコンパクトなコードに縮小するにはどうすればよいですか?n nnnnnnn 一連の同様の行をforループに変換するにはどうすればよいですか?n nnnnnnn djangoのforループで別のURLを繰り返し処理するn nnnnnnn Djangoテンプレートでforループを実行するには?n nnnnnnn forループを並べて実行するにはどうすればよいですか?n nnnnnnn forループは別のforループ内にネストされるまで動作し、NA値を繰り返しますn nnnnnnn C ++で繰り返しUntilループを作成するにはどうすればよいですか?n nnnnnnn この再帰コードをNodeJS/Javascriptのwhile/forループを使用して繰り返しコードとして記述できますか

M	T	W	T	F	S	S
		1	2	3	4	5
6	7	8	9	10	11	12
13	14	15	16	17	18	19
20	21	22	23	24	25	26
27	28