插件Raty

在做一個(gè)評(píng)論功能的時(shí)候，不能少了評(píng)分，那就涉及到星星，如下列出一些可用樣式

臨海ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場(chǎng)景，ssl證書未來市場(chǎng)廣闊！成為創(chuàng)新互聯(lián)的ssl證書銷售渠道，可以享受市場(chǎng)價(jià)格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：18982081108（備注：SSL證書合作）期待與您的合作！

插件Raty

使用也很簡(jiǎn)單，首先需要引入兩個(gè)js文件，一個(gè)是jQuery的，另一個(gè)是jquery.raty.min.js

這里有個(gè)問題，默認(rèn)的星星圖片可能放在你的工程里的時(shí)候會(huì)有路徑問題，不過不要怕，有一個(gè)方法可以修改圖片的路徑

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

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

number: 5, //多少個(gè)星星設(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顯示的長度，太短了星星會(huì)換行

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

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

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

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

cancel: false,//是否可取消

readOnly: true,//是否為只讀，默認(rèn)為非只讀

targetKeep: true,

targetText: '請(qǐng)選擇評(píng)分',//默認(rèn)的提示文字

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

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

}

});

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

新聞標(biāo)題：插件Raty
地址分享：http://bm7419.com/article38/gijisp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供、App開發(fā)、網(wǎng)站營銷、微信小程序、全網(wǎng)營銷推廣、網(wǎng)站改版

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)

成都定制網(wǎng)站建設(shè)