鼠标放在第一排星星上,第二排星星却触发了点亮事件,第一排没反应,是什么原因?

来源:3-4 改进代码--JS第二次尝试

qq_搁浅唯一黑白的记忆_04366074

2017-12-13 16:33

var rating=(function (){

//点亮

var lightOn=function ($item,num){

$item.each(function(index){

console.log($item);

if(index<num){

$(this).css("background-position","0 -32px");

} else {

$(this).css("background-position","0 -0");

};

});

};

var init=function(el,num){

$rating=$(el);

$item=$rating.find(".rating-item");

//初始化

lightOn($item,num);

//事件绑定

$rating.on("mouseover",".rating-item",function(){

lightOn($item,$(this).index()+1);

}).on("click",".rating-item",function(){

num=$(this).index()+1;

}).on("mouseout",function(){

lightOn($item,num);

});

}

//jquery插件

$.fn.extend({

rating:function(num){

return this.each(function(){

init(this,num);

})

}

});

return {

init:init

};

})();

$("#rating").rating(2);

$("#rating2").rating(3);


写回答 关注

1回答

  • qq_偌姒_0
    2017-12-15 14:09:49

    未声明变量导致

    http://img4.mukewang.com/5a3367060001f04d05150522.jpg

    Elias丿... 回复慕UI328...

    不定义变量意味着他是全局变量,会将第一个覆盖掉

    2018-10-06 21:08:51

    共 2 条回复 >

星级评分原理和实现(上)

本课程主要讲解如何使用不同的方式来实现星级评分的效果.

25809 学习 · 109 问题

查看课程

相似问题