為什么我選中后再移開還是,全不顯示了。
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
var num = 2,//點亮星星
$rating = $('#rating');
$item = $rating.find('.rating-item');
var lightOn = function(num){
$item.each(function(index){
if(index<num){
$(this).css('background-position','0 0');
}else{
$(this).css('background-position','0 -525px');
}
});
}
//初始化
lightOn(num);
//事件綁定
$item.on('mouseover',function(){
lightOn($(this).index()+1);
}).on('click',function(){
num = $(this).index + 1;
});
$rating.on('mouseout',function(){
lightOn(num);
});
</script>
2019-12-08
click事件中的index少了括號
2019-11-16
就是rating綁定的mouseout失效,鼠標移走,全部星星都黑了,無法記錄之前點亮的個數。求大神