5

AJAX タイプの Magnific Popup で別の HTML ファイル (同じサーバー上) をロードするにはどうすればよいですか? http://dimsemenov.com/plugins/magnific-popup/のソース コードを見ましたが、動作させることができません。画像、動画、iframe など、その他の種類のポップアップは問題なく動作しています。おそらくいくつかの重要な 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>

ajax ファイル / ポップアップの CSS:

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

私は AJAX の知識がないので、サンプル コードは非常に役に立ちます。どんな助けでも大歓迎です。ありがとう！

編集： AJAXが（ローカル）サーバーなしでは機能しないことを知りませんでした。これはちょっと厄介ですが、同じ間違いをする他の人のためにこのメッセージを残しておきます.

4

1 に答える 1

2

それが方法です、あなたはそれを正しくやっています。それでも取得できない場合は、クラスが正しく、js ファイルがロードされていることを確認してください。

動作しない前に JS エラーがある場合は、エラー コンソールも確認してください。

于 2013-10-31T14:39:48.640 に答える