插件Raty

發(fā)布時間：2020-05-28 23:42:00 來源：網(wǎng)絡閱讀：396 作者：JodyRex 欄目：web開發(fā)

在做一個評論功能的時候，不能少了評分，那就涉及到星星，如下列出一些可用樣式

插件Raty

使用也很簡單，首先需要引入兩個js文件，一個是jQuery的，另一個是jquery.raty.min.js

這里有個問題，默認的星星圖片可能放在你的工程里的時候會有路徑問題，不過不要怕，有一個方法可以修改圖片的路徑

$.fn.raty.defaults.path = 'lib/img';

$('#function-demo').raty({

number: 5, //多少個星星設(shè)置

targetType: 'hint', //類型選擇，number是數(shù)字值，hint，是設(shè)置的數(shù)組值

path: 'demo/img',

hints: ['差', '一般', '好', '非常好', '全五星'],

cancelOff: 'cancel-off-big.png',

cancelOn: 'cancel-on-big.png',

size: 24,//div顯示的長度，太短了星星會換行

starHalf: 'star-half-big.png',

starOff: 'star-off-big.png',

starOn: 'star-on-big.png',

target: '#function-hint',//文字顯示位置，一般這里會寫一個div的ID

cancel: false,//是否可取消

readOnly: true,//是否為只讀，默認為非只讀

targetKeep: true,

targetText: '請選擇評分',//默認的提示文字

click: function(score, evt) {//click事件處理

alert('ID: ' + $(this).attr('id') + "\nscore: " + score + "\nevent: " + evt.type);

}

});

還有其它的自己可以按照自己的需要來添加屬性

向AI問一下細節(jié)

猜你喜歡