Magnificent Popupのインストール/初期化

Question

私はこのすべてに対して非常に新しく、バックエンドコードにインストールするのに問題があります。どこに行くの？私のすべてのJSと私のフッタの下に？

ポップアップ初期化コードは、文書準備ができた後に実行する必要がありますによって

などは、それが何を意味するのでしょうか？

は、誰かがこれが正しいなら、私に知らせてもらえ：

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

私は、スクリプトタグ内にこれを入れています。

私の最後のフッターの下にありますが、動作していないようです。

Answer 1

はい、すべての必要なcssファイルとjsファイルを先に入力してください。 jsファイルはヘッダーまたはフッターに含めることができます。それは問題ではありません（フッタは現在jsをロードするのに望ましい場所です）。ただし、必要なjsファイルをロードする前にmagnificPopup（）関数を呼び出さないでください。すべてがロードされた後、あなたが言及したようにdocreadyであなたのコードを使用することができます。

<!-- 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="FOLDER_WHERE_YOU_KEPT_THIS_JS_FILE/jquery.magnific-popup.js"></script> 
<script> 
$(document).ready(function() { 
    $('.image-link').magnificPopup({ 
    type:'image' 
    }); 
}); 
</script> 

これは他のjsの競合がなく、ドキュメントに記載されているように正しくhtmlを作成した場合に有効です。より多くの混乱がある場合、またはまだそれを動作させることができない場合はお知らせください...