background-position 少了个D
我引用的是灰色星图片,我还弄了张点亮的图片,这个怎么弄的啊
原来是这里出了问题
$item = $rating.find('.rating-item');
<!DOCTYPE html>
<meta charset="utf-8">
这两句是不是没打
是一个函数的命名
没有引入jQuery库,在</head>之前插入jQuery即可
就是将括号里面的options里面的数据覆盖defaultPara里面的数据,再将覆盖后的结果存放在{}里面
例如:括号里面的options = { name: "zhangsan", age: 10 }
defaultPara = { name: "lisi", age: 20, sex: "男", score: 99 }
得到结果的options = { name: "zhangsan", age: 10, sex: "男", score: 99 }
就是将括号里面的第三个参数options里面的数据覆盖第二个defaultPara里面的数据,再将覆盖后的结果存放在第一个参数{}里面
例如:
括号里面的第三个参数:options = { name: "zhangsan", age: 10 }
括号里面的第二个参数:defaultPara = { name: "lisi", age: 20, sex: "男", score: 99 }
得到结果的options = { name: "zhangsan", age: 10, sex: "男", score: 99 }
$rating.on方法的第二个参数是一个对象,应该是.rating-item而不是rating-item
li的css样式不对,样式应该左浮float:left;宽度和高度再加大一点;希望能帮到你
知道了,
.rating-item{
display: inline-block;
width: 66px;
height: 76px;
background: url(img/rating.png) no-repeat;
cursor:pointer;/*光标呈现一只手*/
}
但是为什么是inline-block还是有点疑惑,inline-block不是不单独占一行,共享同一行的嘛
$(this).css('background-possion','0 -40px'); background-position没拼对
就相当于在某个元素($el)上,加上data-rating='rating..........'这个属性,用作于判断
如果有相同的ID,javascript只会取第一个具有该ID的标签
this
.$item =
this
.$el.find(
"rating-item"
);应该是find('.rating-item')类名
找到问题了,给出答案,真的是细节问题:
var $rating = $(el);//两个var分别申明变量的话,这边是分号
var $item = $rating.find(".rating-item");
或者用一个var申明两个变量,就是用逗号
var $rating = $(el),//逗号
$item = $rating.find(".rating-item");
你的代码呢?
你运行的时候不打开控制台么?
打开控制台就能看到你错哪了,你那个
//初始化
lightOn(nun);
你传参传错了是num
前面的init是属性名类似的东西吧,
我的也是这个问题,不管几组星星,只有最后一组事件有反应,操作其他星星,也是最后一组有反应
自己截个图,然后用画图调一调,再自己调一调大小,位置就好。