Web/Js/jquery.rater.js

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

jQuery.fn.rater = function(url, options , callback)
{
	var settings = {
		url			: url ,
		maxvalue	: 5,              //最多几颗星
		curvalue	: 2 ,             //默认几颗星
		//		title		: null ,
		enabled		: true           //是否可用
	};
	
	if(options) { jQuery.extend(settings, options); };
	jQuery.extend(settings, {cancel: (settings.maxvalue > 1) ? true : false});
	
	var container = jQuery(this);
	jQuery.extend(container, { averageRating: settings.curvalue, url: settings.url });

	var starWidth	= 25;
	var raterWidth	= settings.maxvalue * starWidth;
	var curvalueWidth	= settings.curvalue * starWidth;
	
	var title	= '';
	if (typeof settings.title == 'object' && typeof settings.title[settings.curvalue] == 'string') {
		title	= settings.title[settings.curvalue];
	} else {
		title	= settings.curvalue+'/'+settings.maxvalue;
	}
	
	var ratingParent	= '<ul class="rating" style="width:'+raterWidth+'px" title="'+title+'">';
	container.html(ratingParent);
	
	var listItems	= '<li class="current" style="width:'+curvalueWidth+'px"></li>';
	
	if (settings.enabled){
		for (var i = 1;i <= settings.maxvalue;i++) {
			
			if (typeof settings.title == 'object' && typeof settings.title[i] == 'string') {
				title	= settings.title[i];
			} else {
				title	= i+'/'+settings.maxvalue;
			}
			listItems	+= '<li class="star" style="width:'+i * starWidth+'px;z-index:'+(settings.maxvalue-i+1)+'" title="'+title+'"></li>';
		}
	}
	
	container.find('.rating').html(listItems);
	container.find('.rating').find('.star').hover(function() {
		container.find('.rating').find('.current').hide();
		this.className	= 'star_hover';
	} , function() {
		container.find('.rating').find('.current').show();
		this.className	= 'star';
	});
	
	container.find('.rating').find('.star').click(function() {
		var value	= settings.maxvalue - $(this).css('z-index') + 1;
		container.find('.rating').find('.current').width(starWidth * value);
		if (url) {
			$.post(url , {value:value} , function(response) {
				if (typeof callback == 'function') {
					callback(container , value , response);