沒有點擊也觸發在Chrome中的鼠標

Question

我正在測試我正在工作的評級模塊，有一個相當簡單的構造，可以允許平滑的基於Ajax的投票，但發現奇怪的想法..

建築是兩個divs，一個嵌套在另一箇中以顯示星星，鼠標懸停設置寬度，稍後將其轉換爲百分比。

在測試中，我發現一切正常，但是當我點擊時，它有時會使內部DIV復位的寬度，這就是如果我掏出它會做什麼，我不確定我明白爲什麼只是然而。我包括一個這樣的工作示例。

http://www.nogumallowed.com/test.php

Answer 1

這裏是固定的代碼：

$(".ratingsBlock").mousemove(function(e){ 
    $(".ratingsScale").width(e.offsetX); 
}); 

$(".ratingsBlock").click(function(e){ 
    $(this).attr("score",e.offsetX); 

}); 

$(".ratingsBlock").mouseleave(function(e){ 
    $(".ratingsScale").width($(this).attr('score')); 
    //$(".ratingsScale").animate({width:$(this).attr('score')+'px'}, 500); 
}); 

我改變了鼠標移開功能鼠標離開，並在單擊.ratingsBlock時作上述評價的分值更新。

鼠標移開有時是奇怪...