Slidedown и Slideup Looping Bug в Firefox -- jquery пол Связанный проблема

slidedown and slideup looping bug in firefox


2
vote

проблема

русский

http: ///www.quenity.com/post/1047/easy-to-style-jquery-drop-down-menu-tustorial#Comment-7912

У меня есть меню, точно так же, как одинарность, поэтому проверьте демо, чтобы увидеть проблему. В основном, если вы используете Firefox, и ваша мышь поднимается вверх и выключате кнопку вертикально, вы можете получить SlimeDown и Slaperup для своего рода мерцание в цикле. Играть, и вы увидите, что это довольно легко сделать.

Есть ли способ исправить это? По какой-то причине это происходит только в Firefox.

Спасибо

Английский оригинал

http://www.queness.com/post/1047/easy-to-style-jquery-drop-down-menu-tutorial#comment-7912

I have a menu exactly like the one on queness, so check out the demo to see the issue. Basically, if you're using firefox and your mouse goes up and off the button vertically you can get the slidedown and slideup to sort of flicker in a loop. Play around and you'll see it's pretty easy to do.

Is there a way to fix this? For some reason it only happens in firefox.

Thanks

</div
  

Список ответов

1
 
vote
<Р> Да вы можете использовать функцию остановки () в JQuery, Что происходит, его, вероятно, выстраиваются в очередь. <Р> http://api.jquery.com/stop/
 <код> $(document).ready(function () {   $('#nav li').hover(     function () {         //show its submenu         $('ul', this).stop(true,false).slideDown(100);      },      function () {         //hide its submenu         $('ul', this).stop(true,false).slideUp(100);              } );  });   
<Р> Это останавливает анимацию из очереди, проверьте параметры остановки (), чтобы удовлетворить ваши потребности.

Редактировать:

<Р> Проверьте http://css-tricks.com/examples/jQueryStop/ < / р> <Р> показывает разницу в параметрах с остановкой. Истинные истинные перезагружается анимация, которая будет делать это, кажется Glitchy. Правда, ложь, позволяет анимацию до конца, но убивает очередь.
 

Yeah you can use the stop() function in JQuery, whats happening is its probably queueing up.

http://api.jquery.com/stop/

$(document).ready(function () {   $('#nav li').hover(     function () {         //show its submenu         $('ul', this).stop(true,false).slideDown(100);      },      function () {         //hide its submenu         $('ul', this).stop(true,false).slideUp(100);              } );  }); 

This stops the animation from queueing, check out the parameters of stop() to meet your needs.

EDIT:

Check out http://css-tricks.com/examples/jQueryStop/

Shows the difference in parameters with Stop. True true restarts the animation, which will make it seem glitchy. True , false, allows the animation to finish, but kills the queue.

</div
 
 
   
   

Связанный проблема

0  Как интегрировать history.js на мой сайт Ajax?  ( How to integrate history js to my ajax site ) 
У меня осталось и правый div на моем сайте и с навигационными кнопками. Допустим, Button_1, Button_2. При нажатии на эти кнопки изменит правильный контент D...

2  Это хорошая идея до $ .post в Google Spreadsheet?  ( Is it a good idea to post to google spreadsheet ) 
Я пытаюсь разработать функцию в моей веб-странице, которая посылает данные как можно добраться до доступа к центральному репозиторию позже. Было бы здорово, е...

0  По какой-то причине мой нижний колонтитул не очень мобильный  ( For some reason my footer isnt very mobile friendly ) 
90% моего веб-сайта мобильнее (все равно размера), но по какой-то причине мой нижний колонтитул в основном полностью отрезан на мобильном телефоне. То, как ...

-1  Отправить не возвращает желаемый результат в AJAX  ( Submit is not returning desired result in ajax ) 
<код> onTap0 Возвращает результат желания. Но если я сделаю это: <код> onTap1 не возвращает желаемый результат. Вместо того, чтобы возвращать данные в...

7  Объект IIFE и Window?  ( Iife and window object ) 
<Код> IIFE Что нужно получить доступ без переопределения <код> window объект - можно рассматривать как: что-то вроде ( jQuery Пример): <код> $(function...

0  Как создать элемент DOM в другой шаблон?  ( How to create a dom element to another template ) 
У меня есть пример сценария. Короче говоря - если вы нажмете на «Добавить» создают ряд новых элементов, так как он был заполнен полями. Используемый ионный. Н...

3  Динамически изменить размер ввода  ( Dynamically resize input ) 
Мне просто интересно, как у вас динамически разместите вход, как вы введете в него ?? Я хотел бы использовать jQuery, если это возможно и AMP; Я бы предпоче...

-8  Как автоматически форматировать пользовательский ввод 4 цифры до последних 2 цифр  ( How to automatically format user input 4 digits to last 2 digits ) 
У меня есть текстовое поле срок действия к кредитным картам, который пользователь, способный ввести 4 цифры, но я хочу автоматически форматировать ввод пользо...

1  ajax () не отвечает после события keyup  ( Ajax not responding after keyup event ) 
Это проблема jQuery / ajax. JQuery / ajax отвечает на событие keyup с оповещением (LOC), показывающим результат значения, введенного в текстовое поле числа. ...

-2  Динамический фон WordPress на основе изображений слайдера  ( Dynamic wordpress background based on slider images ) 
Я использую NivoSlider на WordPress, и я хочу, чтобы фона моей домашней страницы измениться на основе текущего изображения слайда! У меня нет опыта работы в J...

0  jQuery работает в Firefox, Safari, но не в Chrome  ( Jquery working in firefox safari but not in chrome ) 
Я написал какой-то код с JQuery Works в Firefox, Safari и IE9. Но Chrome это не нравится. Никаких очевидных MSG в Chrome Console не подходит. Я ударяю стену, ...

2  Таблица Bootstrap в течение другого таблицы Bootstrap не сортируется  ( Bootstrap table within another bootstrap table not sortable ) 
У меня есть проект, который состоит из таблицы Bootstrap со многими строками, и каждая строка имеет раскрывающуюся кнопку, которая открывает подсуду. Я включи...

0  Весной MVC возвращает ответ AJAX с использованием Jackson  ( Spring mvc return ajax response using jackson ) 
У меня есть сценарий, в котором я заполняю раскрывающуюся коробку в JSP через ответ AJAX с сервера. В контроллере я отказываюсь от коллекции объектов продукта...

6  Как отобразить несколько диапазонов даты между JQUERY DATE  ( How to display multiple date ranges between a date range jquery ) 
HI У меня есть дата Ranger Picker на этом, я хочу отобразить все диапазоны даты, определяемые для определенного диапазона даты, как это: Предположим, мой ди...

41  Тест, если элемент уже имеет jQuery DatePicker  ( Test if element already has jquery datepicker ) 
У меня есть форма со многими входными элементами. Некоторые поля встречаются на сегодняшний день с jQuery UI DatePicker Arlaedy прилагается: <код> $("#someE...




© 2021 www.qaru.top All Rights Reserved. Q&A House все права защищены


Licensed under cc by-sa 3.0 with attribution required.