Question

类似淘宝 动态星星的 评分 js 是怎么传值的

//star
$(document).ready(function(){
var stepW = 24;
var description = new Array("非常差，回去再练练","真的是差，都不忍心说你了","一般，还过得去吧","很好，是我想要的东西","太完美了，此物只得天上有，人间哪得几回闻!");
var stars = $("#star > li");
var descriptionTemp;
$("#showb").css("width",0);
stars.each(function(i){
$(stars[i]).click(function(e){
var n = i+1;
$("#showb").css({"width":stepW*n});
descriptionTemp = description[i];
$(this).find('a').blur();
return stopDefault(e);
return descriptionTemp;
});
});
stars.each(function(i){
$(stars[i]).hover(
function(){
$(".description").text(description[i]);
},
function(){
if(descriptionTemp != null)
$(".description").text("当前您的评价为："+descriptionTemp);
else
$(".description").text(" ");
}
);
});
});
function stopDefault(e){
if(e && e.preventDefault)
e.preventDefault();
else
window.event.returnValue = false;
return false;
};

这里是 html代码

<div id="xzw_starSys" style="float:right">
<div id="xzw_starBox">
<ul class="star" id="star">
<li><a href="javascript:void(0)" title="" class="one-star">1</a></li>
<li><a href="javascript:void(0)" title="" class="two-stars">2</a></li>
<li><a href="javascript:void(0)" title="" class="three-stars">3</a></li>
<li><a href="javascript:void(0)" title="" class="four-stars">4</a></li>
<li><a href="javascript:void(0)" title="" class="five-stars">5</a></li>
</ul>
<div class="current-rating" id="showb"></div>
</div>
<!--评价文字-->
<div class="description"></div>
</div>

js代码看不懂 求大神给注释下 另外 方便的话帮个忙 写下怎么传值 怎么能把值录入数据库

Answer 1

$(document).ready(function(){
var stepW = 24;
var description = new Array("非常差，回去再练练","真的是差，都不忍心说你了","一般，还过得去吧","很好，是我想要的东西","太完美了，此物只得天上有，人间哪得几回闻!");//定义评价
var stars = $("#star > li");//获取id是 star 下的 li 标签
var descriptionTemp;
$("#showb").css("width",0);//给id是showb jquery对象给一个宽度
stars.each(function(i){ //循环所有stars 对象
$(stars[i]).click(function(e){//给单个li 绑定个 点击事件
var n = i+1;
$("#showb").css({"width":stepW*n});//在给id是showb jquery对象给一个宽度
descriptionTemp = description[i];//给descriptionTemp赋值
$(this).find('a').blur();//在当前的li标签查找 a 标签，给这个a标签添加一个失去焦点的事件
return stopDefault(e);
return descriptionTemp;
});
});
stars.each(function(i){//再次循环
$(stars[i]).hover(//给对象绑定一个鼠标移上去的事件
function(){
$(".description").text(description[i]);//给class 为description 的对象添加
},
function(){
if(descriptionTemp != null)
$(".description").text("当前您的评价为："+descriptionTemp);评价
else
$(".description").text(" ");
}
);
});
});
function stopDefault(e){
if(e && e.preventDefault)
e.preventDefault();
else
window.event.returnValue = false;
return false;
};

Answer 2

你要干什么 说啊

追问

没事啦 就是做一个类似 淘宝那样的动态评分 不过js 不好 弄不明白 寻思知道每一句是干嘛的 自己慢慢研究着做出来 先慢慢学了 谢哈