/ / Чому magnificPopup не показує вміст ajax - jquery, ajax, web, popup, magnific-popup

Чому magnificPopup не показує зміст ajax - jquery, ajax, web, popup, magnify-popup

Я створив просту веб-сторінку і хотів показати спливаюче вікно з різною сторінкою всередині, що завантажується як спливаюче повідомлення, в основному я хотів зробити що описано тут. Я створив просту веб-сторінку:

<html>
<head>
<link rel="stylesheet" href="css/magnific-popup.css">
<script src="js/jquery.min.js"></script>
</head>
<body>
<a href="hi.html" class="ajax-popup-link">Show inline popup</a>

<script src="js/jquery.lazy-load-google-maps.js"></script>
<!-- jQuery 1.7.2+ or Zepto.js 1.0+ -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

<!-- Magnific Popup core JS file -->
<script src="js/jquery.magnific-popup.js"></script>
<script>
$(".ajax-popup-link").magnificPopup({
type: "ajax"
});
</script>
</body>
</html>

і пізніше я створив зразок веб-сторінки hi.html:

<html>
<body>
hello
</body>
</html>

а після натискання на посилання на першій веб-сторінці - все, що я бачу, - це сіра веб-сторінка та біле речення «Завантаження ...» ... Що я роблю неправильно?

Відповіді:

0 для відповіді № 1

У запитуваному файлі потрібно мати декларацію про тип (hi.html).