jQuery Raty星級評分插件使用方法實例分析

本文實例講述了jQueryRaty星級評分插件使用方法。分享給大家供大家參考，具體如下：

使用jQueryRaty，可以很方便的在頁面上嵌入一個評分組件，如下所示：

使用方法很簡單，首先從https://github.com/wbotelhos/raty下載raty的原始碼（依賴於jquery）

然後在頁面中引入相應的js文件、css文件、圖片資源，在需要添加評分組件的元素上（比如span標籤）添加下面的jquery代碼即可：

以上為jQueryRaty的預設使用方法，此外，該組件還支持豐富的傳入參數和回調函數，例如：

設置jQueryRaty的初始評分：

評分回調函數

如果需要根據後台動態設置初始評分，可以使用回調函數實現。例如使用div中的data-attribute屬性：

還可以改變星星的個數：

只讀模式：

點擊事件：

路徑：

變更圖標保存的位置，所有圖標需要位於同一目錄下，路徑結尾的/不添加也可以

取消評分：

全局改變設置：

你可以全局更改上述提到的所有設置$.fn.raty.defaults.OPTION=VALUE;.該語句必須添加在插件綁定之前。

參數列表：

回調函數列表：

更多關於jQuery相關內容感興趣的讀者可查看專題：《jQuery擴展技巧總結》、《jQuery常用插件及用法總結》、《jQuery切換特效與技巧總結》、《jQuery遍歷算法與技巧總結》、《jQuery常見經典特效匯總》、《jQuery動畫與特效用法總結》及《jquery選擇器用法總結》

希望本文所述對大家jQuery程序設計有所幫助。