已采納回答 / 她是光
就是說星星是兩個為一張圖片,灰色在上面,黃色的在下面。然后開始是index<num,也就是小于2。他就會向上偏移26像素替換灰色的從而變成黃色的,就出現(xiàn)了有兩顆星星默認是黃色,其實就是也就是-26px。其他的不變還是0,0也就是灰色。我就是這么理解的? 不知道能不能幫到你
2018-06-08
已采納回答 / tigertopone
$item?=?$rating.find('rating-item');這個語句也要改成:$item?=?$rating.find('.rating-item');
2018-04-23
最新回答 / Zz皓
拿走,不謝。有興趣的可以來這里看看:https://github.com/CruxF/IMOOC<!DOCTYPE html><html>? <head>? ? <meta charset="utf-8" />? ? <title>星級評分之第一種寫法</title>? ? <style>? ? ? body, ul, li {? ? ? ? padding: 0;? ? ? ? margin: 0;? ? ? }? ? ...
2018-04-20
已采納回答 / newming
注意事件綁定的地方有錯,mouseover, click 事件都需要委托給子元素 .rating-item$rating.on('mouseover', '.rating-item', function () { ? ? ? ? ?lightOn($item, $(this).index() + 1) ? ? ? ?}).on('click', '.rating-item', function () { ? ? ? ? ?num = $(this).index() + 1 ? ? ? ?}).on('mo...
2018-03-21
已采納回答 / qq_馬小木_03199132
這里是遍歷每個li,也就是每個星星。在每個遍歷中通過判斷index<num來決定星星是否點亮,最終實現(xiàn)點亮的星星數(shù)跟num一樣。num是初始化時點亮的星星數(shù)量,index是當前的索引號,index從0開始。background-position,可以通過左移和上移來顯示需要的小圖標。謝謝!
2017-11-30
最贊回答 / Zz皓
換成這樣子能明白不:return {? ? ? ? ? initfn: init? ? ? ? }?})();rating.initfn('#rating', 2);
2017-10-29