BootStrap五星評分外掛程式使用詳解

2021-08-28 01:50:38 字數 1220 閱讀 4495

外掛程式:[url]

網上有很多,基於原生js和dom的五星評分案例,今天我們看乙個評分外掛程式,基於bootstrap和jquery

css,js檔案引入:

star.html

打分頁面:

score.html

...

$(".rating-kv").rating();

});function gradescored()/test/gradescore.jspx",,

function(data),

"html");

}

頁面如下:

[img]

下面所講的是css和js是經過修改後的,原外掛程式,會貼在附件中

在star-rating.css中

需要注意點

.rating-container 

.rating-container .rating-stars

在star-rating.js中,需要注意的點:

init: function (options) 

var html = self.fetchcaption(val);

if (!isempty(self.$captionelement)) );

self.$captionelement.html(html);

return '';

}//去掉後面的打分資訊顯示

return ;

//顯示打分資訊

//return '' + html + '

';},

//清除打分按鈕

//clearbutton: '',

//無打分按鈕

clearbutton: '' ,

...};

至此五星評分結束;

下面給出外掛程式的應用例項:

data-stars為星星的個數,data-size為星星的大小,min=0 max=5 step=0.5,為最小值,最大值,步長;

data-symbol為評分圖表,如星星

頁面如下:

[img]

[color=red]本年度,最後一片文章,感謝各位陪伴,你們的訪問,是對我最大的動力,今天要回家結婚了,來年再戰...浪裡個浪[/color]

BootStrap五星評分外掛程式使用詳解

外掛程式 url 網上有很多,基於原生js和dom的五星評分案例,今天我們看乙個評分外掛程式,基於bootstrap和jquery css,js檔案引入 star.html 打分頁面 score.html rating kv rating function gradescored test grad...

豆瓣評分,迷失在「一星」和「五星」裡

豆瓣評分又雙叒叕陷入了爭議中。原定12月1日20時上線的 風起洛陽 因技術原因延遲一小時上線,但一星黑評和五星好評先一步湧入豆瓣www.cppcns.com。12月5日 誰是 上線兩集,女主角趙麗穎尚未出場,豆瓣短評中 女主角演技差 台詞拉胯 言論比比皆是。當天晚上,趙麗穎粉絲在微博上亮出了分析截圖...

微信小程式實現五星評分效果

直接上 比較簡單 wxml wxss imagejs var pingxin require utils pingxing.js page 生命週期函式 監聽頁面載入 onload function options nums 這裡是返回排列的順序的陣列,這裡要注意在頁面使用的時候的路徑,不過使用網路...