Блог

jsFiddle здесь:http://jsfiddle.net/_mtr/bvs6w

По сути, у меня есть неупорядоченный список, состоящий из двух элементов: заголовка и интервала в несколько строк текста. Диапазон переключается при наведении курсора мыши, но если пользователь слишком быстро включает и выключает курсор, содержимое обрезается. Чего мне не хватает в моем jQuery, чтобы гарантировать, что этого не произойдет, и диапазон всегда скрыт или отображается должным образом?

Просто используйте .stop(true, true) вместо просто .stop() . Первый параметр предназначен для clearQueue , а второй — для jumpToEnd , которые по умолчанию являются обоими false .

Вот ваш обновленный код.

Надеюсь, это поможет!

Это stop( ), которое вы вставили туда, чтобы предотвратить постановку в очередь…

По сути, это «замораживает» ваши интервалы в середине анимации их высоты. Попробуйте проверить их в Firebug или Chrome Inspector. Вы увидите, что все они имеют высоту около 0,8649 пикселей.

Возможно, вы захотите удалить stop() и использовать плагин, такой как hoverIntent.