基于jqyery的星级评分插件推荐，RateYo
迅睿框架 更新 2024-02-20 18:33:20
又菜又爱玩
又菜又爱玩
<div class="ds-review" id="dr_review_post"> <ul> {loop $review.option $i $name} <li> <input id="dr_review_option_{$i}" type="hidden" name="review[{$i}]" value="0"> <span class="opname">{$name}：</span> <span class=""> <div id="rateYo{$i}"></div> <script> $(function () { $("#rateYo{$i}").rateYo({ onSet: function (rating, rateYoInstance) { $("#dr_review_option_{$i}").val(rating) } }); }); </script> </span> </li> {/loop} </ul> </div>简单示范 ：替换官方的评星级功能首先：去掉宽固定 和背景图然后替换上方代码下面是效果
<a class="comment-star-{$t.id}" data-rateyo-read-only="true" style="float: right"> </a> <script> $(function () { var $instance = $('.methods-ratings').rateYo(); $('.comment-star-{$t.id}').rateYo({ rating: {number_format((float)$t.avgsort, (int)$review['point'])}, starWidth: "15px" }); }) </script>其他位置展示评级，如文章列表，评论列表等效果图