联系官方销售客服

1835022288

028-61286886

分享经验 版主:论坛审计组
基于jqyery的星级评分插件推荐,RateYo
类型:迅睿CMS 更新时间:2024-02-20 18:33:20

基于jqyery的星级评分插件推荐

RateYo!,一个jQuery星级评级插件 (fundoocode.ninja)


回帖
  • 又菜又爱玩
    #1楼    又菜又爱玩
    2023-02-23 13:21:51
    Edge 0
    <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>
    简单示范 :替换官方的评星级功能首先:去掉宽固定 和背景图
    image
    然后替换上方代码下面是效果
    image
  • 又菜又爱玩
    #2楼    又菜又爱玩
    2023-02-23 13:25:49
    Edge 0
    ********此内容需要回复后才能看到********
    其他位置展示评级,如文章列表,评论列表等效果图
    image

  • 又菜又爱玩
    #3楼    又菜又爱玩
    2023-02-23 13:27:41
    Edge 0
    RateYo!,一个jQuery星级评级插件 (fundoocode.ninja)其他使用方式,请结合此教程自己改咯
  • 不耻下问小菜新
    #4楼    不耻下问小菜新
    2023-09-27 19:43:00
    Chrome 0
    看看,谢谢分享
  • test123
    #5楼    test123
    2024-02-13 15:52:37
    Chrome 0
    又菜又爱玩 看看
  • 迅睿很棒
    #6楼    迅睿很棒
    2024-02-20 18:33:08
    Chrome 0
    看下怎么用~~~
  • 迅睿很棒
    #7楼    迅睿很棒
    2024-02-20 18:33:20
    Chrome 0
    又菜又爱玩 学习下怎么用