Jquery Raty 星级评分插件使用方法

阅读更多

Jquery raty 是一个非常好用的评分插件，只需要很简单的几行代码就可以实现评分功能。

大家可以在下面连接下载最新的Jquery raty插件。

https://github.com/wbotelhos/raty

来让我们看看是怎么实现的吧。

1.引入Jquery和Raty的JS文件。（这里不需要引入CSS）

 

2.将图片拷贝到i相应文件夹中。例如：images （star-on.png和star-off.png，一个黄色星星图片，一个灰色星星图片）。

3.在页面中添加一个空的

标签。

 

 4.在页面上使用Jquery调用即可。

 

 

$(function(){
		$("#starts").raty({
			number : 5,//星星个数
			path : 'images',//图片路径
			starOn : 'star-on.png',//黄色星星图片（可自定义）
			starOff : 'star-off.png',//灰色星星图片（可自定义）
			target : '#title',//显示标题
			hints : ['很差','一般','不错','很好','满意'],//自定义标题
			click : function(score, evt) {
				$("#grade").val(score);//将分数保存到中
			}
		});	
});

 

5.完整代码