jQuery меню пропадает при прокрутке страницы

zulfukar · 2020-06-11T16:22:18.0000000Z

Здравствуйте. Есть код меню который нужно чуть подкорректировать. Дело в том, что при нажатии на кнопку toggle справа выезжает меню. Если на компе или телефоне пытаться прокрутить сайт ниже или при нажатии/клике в любое место на экране, меню тут же исчезает (заезжает на свое место). Т.е. если в меню много пунктов, то нижние пункты невозможно просмотреть, меню просто исчезает. Помогите пожалуйста изменить код так, чтобы меню заезжало на свое место только при клике на кнопку toggle. посмотреть на работу меню: http://new.313news.net (function($) { $.fn.menu = function(opt) { var pos = $(this), set = $.extend({ position: 'right' }, opt); this.each(function() { pos.prepend('<div class="navbar"><strong><a href="'+$.url+'"><img src="/template/'+$.temp+'/images/logo-min.png" alt="'+$.site+'" /></a></strong><button class="toggle" title="Меню"><span></span><span></span><span></span></button></div>'); var m = $('.navbar').next('ul'); function isMenu() { if ($(window).width() <= 900) { m.css({'right':'-300px'}).removeClass('show').hide(); } if ($(window).width() > 900) { m.show(); } } $(document).ready(isMenu); $(window).resize(isMenu); m.css({'right':'-300px'}).removeClass('show').hide(); var n = $('.toggle'); $(this).find(".toggle").on('click', function() { if (m.hasClass('show')) { m.removeClass('show').stop().animate({'right':'-300px'}, 300, function() { m.hide(); }); } else { m.show().addClass('show').stop().animate({'right':'0px'}); } }); $(document).mouseup(function (e){ if ( ! m.is(e.target) && ! n.is(e.target) && m.has(e.target).length === 0 && $(window).width() <= 900) { m.removeClass('show').stop().animate({'right':'-300px'}, 300, function() { m.hide(); }); } }); pos.find('li ul').parent().addClass('ins'); pos.find(".ins").prepend('<span class="item"></span>'); function Res() { if ($(window).width() <= 900) { $('.item').siblings('ul').slideUp().removeClass('show'); } else { $('.item').siblings('ul').slideDown(); } } $(document).ready(Res); $(window).resize(Res); $(this).find('.item').on('click', function() { if ($(this).siblings('ul').hasClass('show')) { $(this).removeClass('open'); $(this).siblings('ul').slideUp(50).removeClass('show'); } else { $(this).addClass('open'); $(this).siblings('ul').slideDown(50).addClass('show'); } }); }); }; })(jQuery);

Z

1

zulfukar

12 июня 2020, 22:39

#11

Sitealert:
Я и на ноуте вижу, что работает.
Почистите кэш браузера или добавьте к вызову скрипта get-параметр.

нет Вы с телефона посмотрите.

кэш я чистил.

а как вызывать get-параметр я не знаю ))

S

469

Sitealert

12 июня 2020, 22:42

#12

zulfukar:
как вызывать get-параметр я не знаю ))

<script src="/template/Lite/js/script.js?v=12345"></script>

Отпилю лишнее, прикручу нужное, выправлю кривое. Вытравлю вредителей.

Z

1

zulfukar

12 июня 2020, 22:54

#13

Sitealert:

<script src="/template/Lite/js/script.js?v=12345"></script>

у меня в подвале

а это что такое?

?v=12345

я еще раз полностью почистил кэш. Меню встало на место, но после того как открываешь его при прокрутке страницы меню задвигается на свое место. Тоесть мы вернулись к основной проблеме (к первому сообщению).

JS подключить на сайт Ограничение доступа к подключаемому Пропадает форма

165

Skom

13 июня 2020, 07:24

#14

zulfukar:

а это что такое?
?v=12345

Параметры GET запроса.

На JS скрипт никакого влияния не оказывает, но говорит браузеру, что это файл, отличный от предыдущего и не позволяет его дёрнуть из кэша. Полезно при отладке. После знака вопроса буквы/цифры могут быть любыми. Однако, они каждый раз должны отличаться от предыдущих. Так что если страница собирается при помощи пхп, то вместо ?v=12345 можно влепить ?v=<?=md5(microtime())?>

После отладки всю эту хрень можно будет убрать.

1

Cras amet qui numquam amavit quique amavit cras amet

Подпись версий css js Прошу помощи у спецов PHP | Безопасность |

Переиграть и победить: как анализировать конкурентов для продвижения сайта

Google: E-E-A-T не является фактором ранжирования