前回の勢いで、今度は分割に挑戦してみることにした。
最高5つ星を4分割にすることに。で、0.25区切り。
そうすると、ラジオボタン部分はこうなる。
<input name="star2" type="radio" class="star2 {split:4}" value="0.25"/>3分割や2分割の場合はsplit:4の4を3とか2にすればよし。
<input name="star2" type="radio" class="star2 {split:4}" value="0.5"/>
<input name="star2" type="radio" class="star2 {split:4}" value="0.75"/>
<input name="star2" type="radio" class="star2 {split:4}" value="1"/>
<input name="star2" type="radio" class="star2 {split:4}" value="1.25"/>
<input name="star2" type="radio" class="star2 {split:4}" value="1.5"/>
<input name="star2" type="radio" class="star2 {split:4}" value="1.75"/>
<input name="star2" type="radio" class="star2 {split:4}" value="2"/>
<input name="star2" type="radio" class="star2 {split:4}" value="2.25"/>
<input name="star2" type="radio" class="star2 {split:4}" value="2.5"/>
<input name="star2" type="radio" class="star2 {split:4}" value="2.75"/>
<input name="star2" type="radio" class="star2 {split:4}" value="3"/>
<input name="star2" type="radio" class="star2 {split:4}" value="3.25"/>
<input name="star2" type="radio" class="star2 {split:4}" value="3.5"/>
<input name="star2" type="radio" class="star2 {split:4}" value="3.75"/>
<input name="star2" type="radio" class="star2 {split:4}" value="4"/>
<input name="star2" type="radio" class="star2 {split:4}" value="4.25"/>
<input name="star2" type="radio" class="star2 {split:4}" value="4.5"/>
<input name="star2" type="radio" class="star2 {split:4}" value="4.75"/>
<input name="star2" type="radio" class="star2 {split:4}" value="5"/>
ダブルクオーテーション抜けとか、不備があると、そのタグがなかったことになって、星が欠けてしまうので注意。
で、普通に起動スクリプトを記述する。
j$('input.star2').rating();
が半分になってくんない。星が20個だーっと並んでしまう。
すげー調査をした結果、分割にはmetadataプラグインがいるとのこと。つーか、このページのソースを見ないとわからないとこに書いてあったんですけど。。
ということで
<script type="text/javascript" src="/js/jquery/jquery.MetaData.js?1"></script>で分割された。
コメントする