这是一个简单的问题,但我似乎无法解决它。我有这段代码,它几乎可以解释自己:
$('div.userrate').hover(function() {
var width = $(this).width();
$(this).width(width);
$(this).stop().children('form').fadeOut('fast', function() {
$(this).next('p.hidden').fadeIn('fast')
});
}, function() {
$(this).children('p.hidden').stop().fadeOut('fast', function() {
$(this).prev('form').fadeIn('fast')
})
})
它工作得很好,但是当我快速浏览所有元素时,它会中断。两者都是可见的p.hidden
。form
我试图在stop()
这里添加一些操作,但没有帮助。
有什么建议么?
- 编辑 -
根据要求,.userrate 的 HTML:
<div class="userrate">
<form>
<input class="star {split: 2}" type="radio" disabled="disabled" value="1">
<input class="star {split: 2}" type="radio" disabled="disabled" value="2">
<input class="star {split: 2}" type="radio" disabled="disabled" value="3">
<input class="star {split: 2}" type="radio" disabled="disabled" value="4">
<input class="star {split: 2}" type="radio" disabled="disabled" value="5">
<input class="star {split: 2}" type="radio" disabled="disabled" value="6">
<input class="star {split: 2}" type="radio" disabled="disabled" value="7">
<input class="star {split: 2}" type="radio" disabled="disabled" value="8">
<input class="star {split: 2}" type="radio" disabled="disabled" value="9" checked="checked">
<input class="star {split: 2}" type="radio" disabled="disabled" value="10">
</form>
<p class="hidden">Skończyłem</p>
</div>