Плагин Jquery Popup закрывается при нажатии в любом месте

Когда я щелкаю в любом месте всплывающего окна, оно закрывается, но это не должно делаться, оно должно закрываться только тогда, когда я нажимаю кнопку X. Я использую плагин Magnific Popup. Демо автора работает нормально, но когда я внедряю плагин на свой сайт, он не работает как демо. Это вызывает у меня проблемы, потому что если я попытаюсь щелкнуть любую ссылку во всплывающем окне, оно закроет всплывающее окно, а не откроет ссылку.

Любые идеи, что вызывает это? Код ниже:

<script type="text/javascript">
      $(document).ready(function() {

        $('.simple-ajax-popup-align-top').magnificPopup({
          type: 'ajax',
          alignTop: true,
          overflowY: 'scroll' // as we know that popup content is tall we set scroll overflow by default to avoid jump
        });

        $('.simple-ajax-popup').magnificPopup({
          type: 'ajax'
        });

      });
    </script>

<a class="simple-ajax-popup-align-top ajax-gal"  href="test.html">test</a>

Демонстрационный сайт автора: http://dimsemenov.com/plugins/magnific-popup/


javascript jquery jquery-plugins magnific-popup
person user5248    schedule 24.04.2014    source источник
comment
jsfiddle или хотя бы контент, который загружается в лайтбокс   -  person Rooster    schedule 24.04.2014
comment
Похоже, есть параметр closeOnContentClick, который должен быть ложным по умолчанию, но он описывает поведение, которое вы видите. Может быть, попробовать явно установить его как false?   -  person Vishal Kotcherlakota    schedule 24.04.2014
comment
Проверьте zIndexes элементов, которые создает всплывающее окно, и посмотрите, есть ли у вас какие-либо элементы, расположенные поверх них (ось Z), которые могут мешать событиям щелчка.   -  person jorge.alonso    schedule 24.04.2014
comment
Я только что добавил jsfiddle jsfiddle.net/bgbs/VNfdC, но не знаю, как добавить ajax-test.html локально, чтобы он загружался в поле, прямо сейчас он не загружает файл в ajax, потому что он не может загружать удаленные файлы   -  person user5248    schedule 24.04.2014

Ответы (1)


arrow_upward
0
arrow_downward

Есть несколько опций, которые контролируют поведение при закрытии.

closeOnContentClick: false, // if true, closes the popup if you click on it
closeOnBgClick: true, // if true, closes the popup if you click on the grey stuff around it
showCloseBtn: false, //if true, shows a closing button top right.

Вы можете узнать больше об этих параметрах здесь: http://dimsemenov.com/plugins/magnific-popup/documentation.html#options

Поскольку вы ленивый программист:

<script type="text/javascript">
  $(document).ready(function() {

    $('.simple-ajax-popup-align-top').magnificPopup({
      type: 'ajax',
      alignTop: true,
      closeOnContentClick: false,
      closeOnBgClick: true,
      showCloseBtn: false,
      overflowY: 'scroll' // as we know that popup content is tall we set scroll overflow by default to avoid jump
    });

    $('.simple-ajax-popup').magnificPopup({
      type: 'ajax',
      closeOnContentClick: false,
      closeOnBgClick: true,
      showCloseBtn: false
    });

  });
</script>
person Fonzy    schedule 30.04.2014