Скрипт срабатывает после перезагрузки страницы
Привет, лайтбокс 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, время: 12:27. |