0

ちょっとした問題で、今は頭がわかりません：

テーブルに表示されたオブジェクトのリストがあります。オブジェクト値の 1 つはスコアです。Django テンプレート タグを使用してこれを数値として表示できますが、代わりに jquery プラグインを使用して星を表示したいと考えています。これを繰り返す方法がわからない。私はこれを試しています：

{% for result in mylist %}

<td>{{ result.type }}</td>
<td>{{ result.description }}</td>
<td>{{ result.rating.votes }}</td>

<td><div class="raty" data-number="{{ result.rating.score }}"></div></td>

{% endfor %}

そしてさらに下に私はこれを得ました：

<script>
$('.raty').raty({ readOnly: true, score: $('.raty').attr('value') });
</script>

問題は、jquery を使用するすべてのオブジェクトに対して同じスコアが表示されることです。

編集:これで動作するようになりました:

<script>
$('.raty').each(function() {
  $(this).raty({ readOnly: true, score: $(this).attr('data-number') });
});
</script>
4

1 に答える 1

1

要素には属性divがありません。value非表示の入力要素を使用してみてください。このようなもの：

<table>
    {% for result in mylist %}
        <tr><td><input type='hidden' class='hidden_score' value='{{ result.rating.score }}'></input><div class="raty"></div></td></tr>
     {% endfor %}
</table>

そして、あなたのスクリプトで：

$.each($('.hidden_score'), function( index, value ) {
    var myval = $(this).val();
    $(this).parent().find( '.raty').raty({ readOnly:true, score:myval});
});

したがって、hidden_​​score のクラスを持つ要素のそれぞれについて、正しいスコアを持つ各要素の親に属する要素 (兄弟であるため) を使用して、値を取得します。

于 2014-02-13T20:36:49.893 に答える