Я хочу спросить вас, может ли кто-нибудь помочь мне с этим кодом. Каждый раз, когда я перезагружаю страницу на «странице команд», каждая моя функция не работает. Не знаю почему, я пробовал другие варианты, но ничего не помогло. Я использовал Angular и jQuery вместе.
Вот HTML:
- Домой
- Команды
ngOnInit() { var tabsNewAnim = $('#navbar-animmenu'); вар activeItemNewAnim = tabsNewAnim.find('.active'); вар activeWidthNewAnimWidth = activeItemNewAnim.innerWidth(); вар itemPosNewAnimLeft = activeItemNewAnim.position(); $(".hori-selector").css({ «слева»: itemPosNewAnimLeft.left + «px», «ширина»: activeWidthNewAnimWidth + «px» }); $("#navbar-animmenu").on("click", "li", function() { $('#navbar-animmenu ul li').removeClass("активный"); $(this).addClass('активный'); вар activeWidthNewAnimWidth = $(this).innerWidth(); вар itemPosNewAnimLeft = $(this).position(); $(".hori-selector").css({ «слева»: itemPosNewAnimLeft.left + «px», «ширина»: activeWidthNewAnimWidth + «px» }); }); $('.nav-btn').each(function() { if ($(this).hasClass('teams-nav-btn active')) { $('#navbar-animmenu').css({ top: 0 }); } else if ($(this).hasClass('home-nav-btn active')) { $('#navbar-animmenu').css({ top: '-14px' }); } }); $('.nav-btn').on('click', function() { if ($(this).hasClass('teams-nav-btn')) { $('#navbar-animmenu').css({ top: 0 }); } еще { $('#navbar-animmenu').css({ top: '-14px' }); } }); } Я также попробовал этот код:
$('#nav-btn-wrapper').each(function() { if ($('.teams-nav-btn').hasClass('active')) { $('.teams-wrapper').addClass('активный'); $('.home-wrapper').removeClass('активный'); } else if ($('.home-nav-btn').hasClass('active')) { $('.home-wrapper').addClass('активный'); $('.teams-wrapper').removeClass('активный'); } }); но это не сработает.
Мне просто нужно создать функцию, которая определяет, активен элемент или нет, а затем добавить активный класс к элементу li. Конечно, и после обновления страницы.
Если кто-нибудь сможет мне помочь, я буду признателен.
Спасибо.