Ajax星级在焦点丢失时重置(jquery)
我正在为AJAX评级系统使用以下代码Ajax星级在焦点丢失时重置(jquery),jquery,ajax,rating,Jquery,Ajax,Rating,我正在为AJAX评级系统使用以下代码 jQuery.fn.rater = function(url, options) { if(url == null) return; var settings = { url : url, // post changes to maxvalue : 5, // max number of stars curvalue : 0 // number of selected
jQuery.fn.rater = function(url, options)
{
if(url == null) return;
var settings = {
url : url, // post changes to
maxvalue : 5, // max number of stars
curvalue : 0 // number of selected stars
};
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 raterwidth = settings.maxvalue * 25;
var ratingparent = '<ul class="star-rating" style="width:'+raterwidth+'px">';
container.append(ratingparent);
// create rater
var starWidth, starIndex, listitems = '';
var curvalueWidth = Math.floor(100 / settings.maxvalue * settings.curvalue);
for(var i = 0; i <= settings.maxvalue ; i++) {
if (i == 0) {
listitems+='<li class="current-rating" style="width:'+curvalueWidth+'%;">'+settings.curvalue+'/'+settings.maxvalue+'</li>';
} else {
starWidth = Math.floor(100 / settings.maxvalue * i);
starIndex = (settings.maxvalue - i) + 2;
listitems+='<li class="star"><a href="#'+i+'" title="'+i+'/'+settings.maxvalue +'" style="width:'+starWidth+'%;z-index:'+starIndex+'">'+i+'</a></li>';
}
}
container.find('.star-rating').append(listitems); // i am using find here, because the span wrapped in the small style would break children()
if(settings.maxvalue > 1) // add a container for the ajax result
{
container.append('<span class="star-rating-result"></span>');
}
var stars = jQuery(container).find('.star-rating').children('.star');
stars.click(function()
{
if(settings.maxvalue == 1) // on / off
{
settings.curvalue = (settings.curvalue == 0) ? 1 : 0;
jQuery(container).find('.star-rating').children('.current-rating').css({width:(settings.curvalue*100)+'%'});
jQuery.post(container.url, { "rating": settings.curvalue });
return false;
}
else
{
settings.curvalue = stars.index(this) + 1;
raterValue = jQuery(this).children('a')[0].href.split('#')[1];
jQuery.post(container.url, { "rating": raterValue }, function(response){
container.children('.star-rating-result').html(response)
});
return false;
}
return true;
});
return this;
}
jQuery.fn.rater=函数(url,选项)
{
if(url==null)返回;
变量设置={
url:url,//将更改发布到
最大值:5,//最大星星数
曲线值:0//所选星星数
};
if(options){jQuery.extend(settings,options);};
extend(设置,{cancel:(settings.maxvalue>1)?true:false});
var container=jQuery(this);
extend(容器,{averagating:settings.curvalue,url:settings.url});
var raterwidth=settings.maxvalue*25;
var ratingparent=';
container.append(ratingparent);
//创建评分员
var starWidth、starIndex、listitems='';
var curvalueWidth=Math.floor(100/settings.maxvalue*settings.curvalue);
for(var i=0;i 1)//为ajax结果添加一个容器
{
容器。附加(“”);
}
var stars=jQuery(container.find('.starrating')).children('.star');
stars.click(函数()
{
如果(settings.maxvalue==1)//打开/关闭
{
settings.curvalue=(settings.curvalue==0)?1:0;
jQuery(container).find('.star rating').children('.current rating').css({width:(settings.curvalue*100)+'%});
post(container.url,{“rating”:settings.curvalue});
返回false;
}
其他的
{
settings.curvalue=stars.index(this)+1;
raterValue=jQuery(this).children('a')[0].href.split('#')[1];
post(container.url,{“rating”:raterValue},函数(响应){
container.children('.starrating result').html(响应)
});
返回false;
}
返回true;
});
归还这个;
}
问题是,当我点击星星以外的其他东西时,评级会自动重置
当焦点丢失时,您是否可以建议一些方法使评级保持其价值?您是否有其他使用此脚本中使用的类的标记?特别是,你是否在其他地方使用“stars”类?你能告诉我们你如何称呼它吗?我在其他地方不使用stars。我在文档getReady中这样调用这个脚本:$('div_add_comment_rating').rater('test.php',{maxvalue:10});