2014-06-11 5 views
0

Я начинаю и начинаю использовать ajax magnific popup. Я загрузил библиотеку потрясающей поп-музыки и создал пример использования всплывающего окна, но моя проблема заключается в том, когда я нажимаю на ссылку, чтобы отобразить ее хорошо, но я нажимаю на всплывающее окно, поэтому я не хочу, чтобы она скрывалась. Я просто хотел щелкнуть только на черном фоне, который он скрывает.Как отключить скрыть при щелчке мышью по Ajax Magnific Popup?

Это мой код следующим образом:

index.html

<!DOCTYPE html> 
<html> 
<head> 
    <script type="text/javascript" src="http://code.jquery.com/jquery-2.1.1.min.js"></script> 
    <script type="text/javascript" src="js/jquery.magnific-popup.js"></script> 

    <link rel="stylesheet" href="css/magnific-popup.css" /> 
</head> 
<body> 

    <div class="example gc3"> 
    <h3>Ajax popup</h3> 
    <div class="html-code"> 
     <a class="simple-ajax-popup" href="site-assets/test-ajax-2.html" >Load another content via ajax</a> 
    </div> 
    <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> 
    </div> 
</body> 
</html> 

Пожалуйста, помогите мне. Спасибо.

+0

относятся к этому SO братан, я думаю, вы должны держать только один корневой узел, если 'CONTENTTYPE:' установлен в 'ajax'. ref: http: //stackoverflow.com/questions/16600430/magnific-popup-popup-disappearing-on-click – dreamweiver

+0

Проверьте эту ссылку mate .. :) http://stackoverflow.com/questions/18200338/any-click- в любом месте-закрывает-Magnific-всплывающий-АЯКС-бокс? RQ = 1 – Outlooker

ответ

0

Добавить опцию modal: true.

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

Это должно работать

Смежные вопросы