迅睿開源框架是一款PHP8高性能·簡(jiǎn)單易用的PHP開源開發(fā)框架, 基于MIT開源許可協(xié)議發(fā)布,不限制商業(yè)使用,以多端互聯(lián)為設(shè)計(jì)理念, 支持的微信公眾號(hào)、小程序、APP客戶端、移動(dòng)端網(wǎng)站、PC網(wǎng)站等多終端式管理系統(tǒng)。
業(yè)務(wù)經(jīng)理
微信掃描以上二維碼
028-61286886
技術(shù)咨詢
基于jqyery的星級(jí)評(píng)分插件推薦
RateYo!,一個(gè)jQuery星級(jí)評(píng)級(jí)插件 (fundoocode.ninja)
<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>
簡(jiǎn)單示范 :
替換官方的評(píng)星級(jí)功能
首先:去掉寬固定 和背景圖
然后替換上方代碼
下面是效果
其他位置展示評(píng)級(jí),如文章列表,評(píng)論列表等
效果圖
其他使用方式,請(qǐng)結(jié)合此教程自己改咯
回復(fù)@又菜又愛(ài)玩 看看
回復(fù)@又菜又愛(ài)玩 學(xué)習(xí)下怎么用
<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>簡(jiǎn)單示范 :
替換官方的評(píng)星級(jí)功能
首先:去掉寬固定 和背景圖
然后替換上方代碼
下面是效果
其他位置展示評(píng)級(jí),如文章列表,評(píng)論列表等
效果圖
RateYo!,一個(gè)jQuery星級(jí)評(píng)級(jí)插件 (fundoocode.ninja)
其他使用方式,請(qǐng)結(jié)合此教程自己改咯
回復(fù)@又菜又愛(ài)玩 看看
回復(fù)@又菜又愛(ài)玩 學(xué)習(xí)下怎么用