Magnificent Popup에서 AJAX 기능으로 다른 HTML 파일을로드하는 방법은 무엇입니까?

Question

Magnificent Popup, AJAX 형식의 다른 HTML 파일 (동일한 서버에있는)을 어떻게로드합니까? http://dimsemenov.com/plugins/magnific-popup/의 소스 코드를 살펴 봤지만 제대로 작동하지 않습니다. 이미지, 동영상 및 iframe과 같은 다른 팝업 유형도 정상적으로 작동합니다. 아마 중요한 AJAX 코드가 누락 되었습니까? 링크를 클릭하면 팝업에 'Loading ...'텍스트가 표시되고 HTML 파일이로드되지 않습니다.

여기에 단순화 된 코드가 있습니다.

<a href="ajax.html" class="popup-ajax">Open ajax</a> 

JS :

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

ajax.html 파일 :

이

.example-popup { 
position: relative; 
background: #FFF; 
padding: 20px; 
width: auto; 
max-width: 500px; 
margin: 20px auto; 
} 

내가 어떤 지식이없는 : 아약스 파일/팝업에 대한

<div id="ajax-content" class="example-popup"> 
    <p>Content</p> 
</div> 

CSS AJAX의 예제 코드가 도움이 될 것입니다. 어떤 도움을 주시면 감사하겠습니다. 감사!

편집 : (로컬) 서버가 없으면 AJAX가 작동하지 않는다는 것을 몰랐습니다. 이것은 어색한 일이지만 같은 실수를 저지르는 사람들을 위해이 메시지를 남겨 둘 것입니다.

Answer 1

그건 그렇고, 제대로하고 있습니다. 그래도 얻을 수 없으면 클래스가 올 바르고 js 파일이로드되었는지 확인하십시오.

작동하지 않기 전에 JS 오류가있는 경우 오류 콘솔도 확인하십시오.