如何實(shí)現(xiàn)星星評(píng)價(jià)（jquery.raty.js插件）
更新時(shí)間：2016年12月21日 11:26:24 作者：以茜為貴
本文主要分享了用jQuery插件jquery.raty.js實(shí)現(xiàn)星星評(píng)價(jià)功能：后臺(tái)傳數(shù)據(jù)，前臺(tái)顯示星星個(gè)數(shù)的具體方法。有很好的參考價(jià)值，需要的朋友一起來看下吧
1、引入jquery.js文件
2、引入jquery.raty.js
3、頁面中放在這個(gè)：<span class="readOnly" data-path="images" ><i>4.5</i></span>
4、js：
function star(obj,num){
$(obj).raty({
path: function() {
return this.getAttribute('data-path');//路徑
},
readOnly: true,
score: num //(starr)這個(gè)4.5就是星星右邊的數(shù)值
});
};
var ac = $('.starr').find('i').text();
star('.readOnly',ac);
以上就是本文的全部內(nèi)容，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助，同時(shí)也希望多多支持腳本之家！
您可能感興趣的文章:
相關(guān)文章
jquery實(shí)現(xiàn)textarea輸入框限制字?jǐn)?shù)的方法
這篇文章主要介紹了jquery實(shí)現(xiàn)textarea輸入框限制字?jǐn)?shù)的方法,通過keyup事件實(shí)時(shí)讀取textarea輸入框的字?jǐn)?shù)來實(shí)現(xiàn)這一功能,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-01-01
jQuery插件slider實(shí)現(xiàn)拖動(dòng)滑塊選取價(jià)格范圍
jquery滑塊（slider）允許用戶從一個(gè)有限的范圍內(nèi)選擇一個(gè)數(shù)值。當(dāng)沿著軌道移動(dòng)滑塊控件時(shí)，將顯示一個(gè)表示當(dāng)前值的提示框，用戶可通過設(shè)置它的屬性來自定義滑塊。2015-04-04
這篇文章介紹了解決IE9下JQuery發(fā)送ajax請求失效的方法，文中通過示例代碼介紹的非常詳細(xì)。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-06-06
項(xiàng)目需要做一個(gè)頭像截取的功能，類似于QQ頭像截取功能。在網(wǎng)上搜了下，最后使用jQuery插件jcrop來截取2013-11-11
這篇文章主要介紹了基于bootstrap3和jquery的分頁插件的相關(guān)資料,需要的朋友可以參考下2015-07-07
本文主要分享了jquery實(shí)現(xiàn)百葉窗效果的示例代碼。具有一定的參考價(jià)值，下面跟著小編一起來看下吧2017-01-01
jQuery Ajax實(shí)現(xiàn)Select多級(jí)關(guān)聯(lián)動(dòng)態(tài)綁定數(shù)據(jù)的實(shí)例代碼
這篇文章主要介紹了jQuery Ajax實(shí)現(xiàn)Select多級(jí)關(guān)聯(lián)動(dòng)態(tài)綁定數(shù)據(jù)的實(shí)例代碼，非常不錯(cuò)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-10-10
本文介紹了jQuery操作對象數(shù)組元素的3種方法以及一種錯(cuò)誤方法，這里記錄一下，防止下次再犯，有需要的小伙伴也可以參考下。2014-11-11
jQuery實(shí)現(xiàn)的經(jīng)典滑動(dòng)門效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)的經(jīng)典滑動(dòng)門效果,涉及jQuery基于鼠標(biāo)事件實(shí)現(xiàn)頁面元素的遍歷與樣式動(dòng)態(tài)變換的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09
詳解jQuery中的getAll()和cleanData()
這篇文章主要介紹了jQuery之getAll()和cleanData()函數(shù)的實(shí)例代碼解析，非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友參考下吧2019-04-04