0

JavaScript は初めてで、Web サイトで Magnific Popup (Ajax Type) を使用したいのですが、次のコードをどこに配置すればよいかわかりません。

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

js ファイルと css ファイルをサイトに追加し、以下の「a href」タグでクラスを使用しました。

class="ajax-popup-link"

これを機能させるにはどうすればよいですか？

4

1 に答える 1

1

これは彼らのサイトでかなり明確に文書化されています: http://dimsemenov.com/plugins/magnific-popup/documentation.html#ajax_type

href 属性でファイル パスを指定します。

<a href="path-to-file.jpg" class="ajax-popup-link">click me</a>

次に、ドキュメントの準備が整った状態で、壮大なポップアップを初期化します...

$(document).ready(function(){
    $('.ajax-popup-link').magnificPopup({
      type: 'ajax'
    });
});

ドキュメントの準備ができた呼び出しに入れるように具体的に指示されているとは思いませんが、そうすることで、少なくとも js がイベントとリスナーを追加しようとする前に要素が存在することが保証されます。

コンソールでエラーが発生していますか?

于 2014-03-07T21:08:58.430 に答える