Как загрузить другой файл HTML (на том же сервере) во всплывающем окне Magnific, тип AJAX? Я просмотрел исходный код http://dimsemenov.com/plugins/magnific-popup/ но я не могу заставить его работать. Другие типы всплывающих окон, такие как изображения, видео и фреймы, работают нормально. Я, вероятно, пропустил некоторые важные коды AJAX? После нажатия на ссылку всплывающее окно показывает текст «Загрузка...» и не загружает HTML-файл.
Вот упрощенный код.
<a href="ajax.html" class="popup-ajax">Open ajax</a>
JS:
$('.popup-ajax').magnificPopup({
type: 'ajax'
});
файл ajax.html:
<div id="ajax-content" class="example-popup">
<p>Content</p>
</div>
CSS для файла ajax/всплывающего окна:
.example-popup {
position: relative;
background: #FFF;
padding: 20px;
width: auto;
max-width: 500px;
margin: 20px auto;
}
У меня нет никаких знаний об AJAX, поэтому пример кода был бы очень полезен. Любая помощь будет оценена по достоинству. Спасибо!
Изменить: не знал, что AJAX не работает без (локального) сервера. Это немного неловко, но я оставлю это сообщение для тех, кто сделает ту же ошибку.