如何實現(xiàn)星星評價(jquery.raty.js插件)
更新時間:2016年12月21日 11:26:24 作者:以茜為貴
本文主要分享了用jQuery插件jquery.raty.js實現(xiàn)星星評價功能:后臺傳數(shù)據(jù),前臺顯示星星個數(shù)的具體方法。有很好的參考價值,需要的朋友一起來看下吧
1、引入jquery.js文件
2、引入jquery.raty.js
3、頁面中放在這個:<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)這個4.5就是星星右邊的數(shù)值 }); }; var ac = $('.starr').find('i').text(); star('.readOnly',ac);
以上就是本文的全部內(nèi)容,希望本文的內(nèi)容對大家的學習或者工作能帶來一定的幫助,同時也希望多多支持腳本之家!
相關(guān)文章
jquery實現(xiàn)textarea輸入框限制字數(shù)的方法
這篇文章主要介紹了jquery實現(xiàn)textarea輸入框限制字數(shù)的方法,通過keyup事件實時讀取textarea輸入框的字數(shù)來實現(xiàn)這一功能,非常具有實用價值,需要的朋友可以參考下2015-01-01jQuery插件slider實現(xiàn)拖動滑塊選取價格范圍
jquery滑塊(slider)允許用戶從一個有限的范圍內(nèi)選擇一個數(shù)值。當沿著軌道移動滑塊控件時,將顯示一個表示當前值的提示框,用戶可通過設置它的屬性來自定義滑塊。2015-04-04jQuery Ajax實現(xiàn)Select多級關(guān)聯(lián)動態(tài)綁定數(shù)據(jù)的實例代碼
這篇文章主要介紹了jQuery Ajax實現(xiàn)Select多級關(guān)聯(lián)動態(tài)綁定數(shù)據(jù)的實例代碼,非常不錯,具有一定的參考借鑒價值,需要的朋友可以參考下2018-10-10詳解jQuery中的getAll()和cleanData()
這篇文章主要介紹了jQuery之getAll()和cleanData()函數(shù)的實例代碼解析,非常不錯,具有一定的參考借鑒價值,需要的朋友參考下吧2019-04-04