делает щелчок и запускает мышь в chrome

Question

Я тестирую модуль оценки, над которым я работаю, имел идею относительно простой конструкции, которая позволила бы плавное голосование на основе ajax, но обнаружило что-то нечетное.

Конструкция - это два divs, один вложенный в другой, чтобы показать звезды, mousing over устанавливает ширину, которая будет переведена в проценты в качестве голоса позже.

При тестировании этого я обнаружил, что все сработало, но когда я щелкнул, он иногда делал ширину внутреннего сброса 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); 
}); 

Я изменил функцию MouseOut к MouseLeave, и сделал обновление оценки Рейтингового когда .ratingsBlock нажата.

MouseOut странно иногда ...