Функция изменения размера окна JQuery для этого скрипта css Меню

Question

Я очень новичок в jQuery, но я сделал несколько миксов в коде и получил очень приятное меню. Он работает хорошо, но когда я изменяю размер окна, находящегося ниже активной ссылки, теряйте его по оси X. Вот ручка кода, чтобы вы могли ее проверить.

Я знаю, что мне нужно что-то сказать, но я не знаю, как его реализовать. Кто-нибудь может мне с этим помочь?

$(window).resize(function() { 
}); 

http://codepen.io/asdf/pen/EPMEZZ

Answer 1

После того, как вы нашли левую позицию активного класса вы можете перейти в меню строку в эту позицию

window.onresize = function(event) { 
defaultPosition = $(".active").offset().left; 
$("#menu-line").css("left", defaultPosition+"px"); 
}; 

Однако, что создает новые проблемы, поскольку парения из функции имеет другое место записано, следовательно, причина, когда вы выходите из опции меню после того, как окно изменит размер позиции неверно

удаление кода в парении, и добавив ниже устраняет проблему

defaultPosition = $(".active").offset().left; 
$("#menu-line").css("left", defaultPosition+"px"); 

Demo