Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Скрипт срабатывает после перезагрузки страницы (https://javascript.ru/forum/events/51510-skript-srabatyvaet-posle-perezagruzki-stranicy.html)

weare138 09.11.2014 16:07

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

Safort 09.11.2014 18:15

А как он должен срабатывать? В чём проблема?

weare138 10.11.2014 15:28

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

Safort 10.11.2014 16:07

Ну так всё правильно, ты же указал методу 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>';
          }
        }
      });
    });
  });
});

weare138 10.11.2014 16:46

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


Часовой пояс GMT +3, время: 18:05.