0

jquery ratey (評価スクリプト) を使用しています。複数の評価オプションがあり、どれも選択されていない場合、生成される非表示の投稿フィールドは存在しません。これにより、4 つのオプションすべてで選択したスコアに名前を付けてプルすることができました。

<section>
<label>Option 1:</label>
<div class="options" data-score-name="option1"></div>
</section>

<section>
<label>Option 2:</label>
<div class="options" data-score-name="option2"></div>
</section>

<section>
<label>Option 3:</label>
<div class="options" data-score-name="option3"></div>
</section>

<section>
<label>Option 4:</label>
<div class="options" data-score-name="option4"></div>
</section>


<script type="text/javascript">
$('.options').raty({
  half: true,
  width: 'width: 150',
  path: '/assets/img',
  starOff: 'star-off.png',
  starOn: 'star-on.png',
  starHalf: 'star-half.png',
  readOnly: false,
  scoreName: 'score[]',

  click: function(score)
  {
     var ScoreName = $(this).attr('data-score-name');
     $(this).append("<input type='hidden' name='rate[" + ScoreName + "]' value='" + score + "'>");
  }

});
</script>

私が抱えている問題は、各オプションが選択されていない場合にデフォルト値を設定するにはどうすればよいですか? デフォルト値を与え、onclick しか使用できなかった onload オプションがあるかどうかはわかりません。

4

1 に答える 1

0

それを理解し、魅力のように機能します。それを行う間違った方法かもしれませんが、うまくいきます:)

<script type="text/javascript">
$('.options').raty({
  half: true,
  width: 'width: 150',
  path: '/assets/img',
  starOff: 'star-off.png',
  starOn: 'star-on.png',
  starHalf: 'star-half.png',
  readOnly: false,
  scoreName: 'score[]',
  score: function() {
    var ScoreName = $(this).attr('data-score-name');
    return $(this).append("<input type='hidden' name='rate[" + ScoreName + "]' class='" + ScoreName + "' value='0'>");
  },



  click: function(score)
  {
     var ScoreName = $(this).attr('data-score-name');
     $("." + ScoreName).val(score);
     //$(this).append("<input type='hidden' name='rate[" + ScoreName + "]' value='" + score + "'>");
  }

});
</script>
于 2014-04-13T20:21:29.557 に答える