jQuery Rater Star Plugin

安装

<script type="text/javascript" src="jquery.rater.js"></script>
<link href="jquery.rater.css" rel="stylesheet"/>

Demo1：不带参数

$('#demo1').rater();

Demo2：设置参数，指定默认值

var options	= {
	value	: 1
}
$('#demo2').rater(options);

Demo3：默认值不可修改

var options	= {
	value	: 1,
	enabled	: false
}
$('#demo3').rater(options);

Demo4：自定义星星个数

var options	= {
	max	: 10
}
$('#demo4').rater(options);

Demo5：点击后触发事件

var options	= {
	after_click	: function(ret) {
		$('#demo5 + input').val(ret.number);
	}
}
$('#demo5').rater(options);

Demo6：AJAX调用，成功后触发事件

var options	= {
	url	: 'ajax.php',
	after_ajax	: function(ret) {
		alert(ret.ajax);
	}
}
$('#demo6').rater(options);

Demo7：自定义最大，最小值，以及递增步长

var options	= {
	min	: 5,
	max	: 10,
	step: 0.5,
	url	: 'ajax.php',
	after_ajax	: function(ret) {
		alert(ret.ajax);
	}
}
$('#demo7').rater(options);

Demo8：自定义AJAX请求方式（默认POST）

var options	= {
	url	: 'ajax.php',
	method	:'GET',
	after_ajax	: function(ret) {
		alert(ret.ajax);
	}
}
$('#demo8').rater(options);

Demo9：自定义图片

var options	= {
	image	: 'star2.gif',
	width	: 16,
	height	: 16
}
$('#demo9').rater(options);

Demo10：点击后不可更改

var options	= {
	max	: 10,
	after_click	: function(ret) {
		this.value	= ret.value;
		this.enabled= false;
		$('#demo10').rater(this);
	}
}
$('#demo10').rater(options);

Demo11：自定义title

var options	= {
	max	: 10,
	title_format	: function(value) {
		var title = '';
		switch (value) {
			case 1 : 
				title	= '一';
				break;
			case 7 : 
				title	= '七';
				break;
			default :
				title = value;
				break;
		}
		return title;
	}
}
$('#demo11').rater(options);