Скрипт срабатывает после перезагрузки страницы
Привет, лайтбокс magnific-popup срабатывает только после перезагрузки странички.Не пойму в чем дело, вроде обернул его в
$(window).load(function() { но все равно должным образом не работает.В чем дело? <script type="text/javascript"> $(function() { $(window).load(function() { $('.popup-gallery').magnificPopup({ delegate: 'a', type: 'image', tLoading: 'Loading image #%curr%...', mainClass: 'mfp-img-mobile', gallery: { enabled: true, navigateByImgClick: true, preload: [0,1] // Will preload 0 - before current, and 1 after the current image }, image: { tError: '<a href="%url%">The image #%curr%</a> could not be loaded.', titleSrc: function(item) { return item.el.attr('title') + '<small>by Marsel Van Oosten</small>'; } } }); }); }); </script> |
А как он должен срабатывать? В чём проблема?
|
ну при клике на изображение, должен вылезать лайтбокс с этим изображением, а такое происходит только после того как я перезаружаю страничку с этим изображением.
инициализирую в консоли вручную, и все работает.не пойму |
Ну так всё правильно, ты же указал методу load выполнить запуск окна поле события загрузки, вот он и выполнил.
Тебе нужно внутри load не выполнять magnificPopup сразу, а установить событие click на твоё изображение. $(function() { $(window).load(function() { $('селектор твоей картинки').click(function() { $('.popup-gallery').magnificPopup({ delegate: 'a', type: 'image', tLoading: 'Loading image #%curr%...', mainClass: 'mfp-img-mobile', gallery: { enabled: true, navigateByImgClick: true, preload: [0,1] // Will preload 0 - before current, and 1 after the current image }, image: { tError: '<a href="%url%">The image #%curr%</a> could not be loaded.', titleSrc: function(item) { return item.el.attr('title') + '<small>by Marsel Van Oosten</small>'; } } }); }); }); }); |
все решено, проблема была совершенно в другом месте.в рельсах гем турболинкс каким то образом влиял
|
Часовой пояс GMT +3, время: 18:05. |