jquery.magnific-popup.min.js не выполняется? - PullRequest
Новая
       27

jquery.magnific-popup.min.js не выполняется?

0 голосов
/ 05 января 2019

Я не могу использовать плагин Magnific Popup на сайте, потому что он не запускается или не выполняется, или что-то еще ... Вот мой код в конце тега body:

Версии # 1 включают (jquery 3.3.1): 

<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/jquery-migrate-3.0.1.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>

Версия # 2 включает (jquery 1.9): 

<script src="js/jquery.min.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>

Код версии 1: 

  window.addEventListener('load', function() {
      setTimeout(function(){
        $('.impotance-test').magnificPopup({type: 'iframe',
        iframe: { markup: '<div class="iframe-popup" style="overflow: visible">'+ '<iframe class="mfp-iframe" frameborder="0" scrolling="no" allowtransparency="true" allowfullscreen onload="adjustHeight(this)" style="display: block; margin: auto"></iframe>'+ '<div class="mfp-close"></div>'+ '</div>' },
        }); 
      }, 3000);        
  });

Код версии 2: 

  function deferMagnificPopup(e){window.jQuery&&jQuery.magnificPopup?e():setTimeout(function(){deferMagnificPopup(e);console.log('jQuery.MagnificPopup not loaded yet...n')},1000)}

  window.addEventListener('load', function() {
     deferMagnificPopup(function () {          
       $('.impotance-test').magnificPopup({type: 'iframe',
       iframe: { markup: '<div class="iframe-popup" style="overflow: visible">'+ '<iframe class="mfp-iframe" frameborder="0" scrolling="no" allowtransparency="true" allowfullscreen onload="adjustHeight(this)" style="display: block; margin: auto"></iframe>'+ '<div class="mfp-close"></div>'+ '</div>' },
       }); 
     });
  });

Но все версии не работают. Jquery работает. Великолепные загрузки всплывающих окон, но не работают. Без функций отсрочки или тайм-аута (просто ожидание события окна 'load') - консоль браузера показывает мне: "Uncaught TypeError: $ (...). MagnificPopup не является функцией" ... Это просто взрыв мозга. Что я пропустил?

P. S. На другом сайте этот код с jquery 1.9 работает нормально ... Chrome network Chrome console

...