2014-09-21 5 views
4

Я использую Zurb Foundation 5 в тему Wordpress с меню offcanvas, который работает плавник в Gerneral, но я сталкивался с проблемой:Zurb Foundation Offcanvas меню перестает работать после переключения программно

В дополнение к гамбургера значок в верхней панели, я даю возможность открыть меню, нажав на элемент элемента фиксированной позиции .back-to-menu. Для этого я использовал метод, чтобы открыть меню offcanvas программно, как описано в документах Zurb. Хотя это работает нормально, после того, как я нажал на div.back-to-menu, чтобы открыть меню, а затем снова закройте меню, я не могу открыть меню, щелкнув значок гамбургера в верхней панели. Больше.

Это код, чтобы открыть меню:

jQuery('.back-to-menu').click(function(event) { 
    event.preventDefault(); 
    jQuery('html, body').animate({scrollTop: 0}, duration); 
    setTimeout(function() { 
     $('.off-canvas-wrap').foundation('offcanvas', 'show', 'move-right'); 
    }, duration); 
    return false; 
}) 

Может кто-нибудь помочь?

ответ

3

Это, кажется, ошибка в Foundation, когда я выполняю ваш скрипт на странице документации Foundation, происходит одна и та же ошибка, меню открывается и закрывается, а затем прерывается.

Обходной путь для запуска offcanvas путем имитации нажмите на иконку гамбургера:

setTimeout(function() { 
    $('.off-canvas-wrap').find('.left-off-canvas-toggle').click(); 
}, duration); 

Это не так аккуратно, как с помощью «официальный» способ, но это faily несложный и, конечно, лучше, чем после использования вашего меню.


Видимо там уже есть issue подал на это в Фонд GitHub и тот же обходной путь был предложен так долго, как это нефиксированной.

+0

Вот что я боялся. Тем не менее, ваше предложение будет работать на моем сайте. Большое спасибо! – netzc

0

проблема, кажется, что тело класс становится «фиксированным» я исправлен мой с некоторым простым CSS

body.fixed { position:static !important} 
Смежные вопросы