Просьба подсказать, как исправить глюк, когда с таким кодом для анимации прогресс бара глючит меню в Foundation 5. Меню используется обычное или Magellan. Глюк заключается в том, что пункт меню остаётся активным на том месте (блоке, anchor), в котором находится прогресс бар с анимацией. В JS и Foundation не силён.
Сам код (глюк в последней строке, насколько понял):
$(function() {
var $meters = $(".progress > span");
var $section = $('.meter');
var $queue = $({});
function loadDaBars() {
$meters.each(function() {
var $el = $(this);
var origWidth = $el.width();
$el.width(0);
$queue.queue(function(next) {
$el.animate({width: origWidth}, 1200, next);
});
});
}
$(document).bind('scroll', function(ev) {
var scrollOffset = $(document).scrollTop();
var containerOffset = $section.offset().top - window.innerHeight;
if (scrollOffset > containerOffset) {
loadDaBars();
// unbind event not to load scrolsl again
$(document).unbind('scroll');
}
});
});