magnificopopupのマルチギャラリーのJavascriptの場所

ここで少し新しいが、これを特に検索して回答を見つけることができなかった。magnificopopupのマルチギャラリーのJavascriptの場所

私は現在magnificPopUpプラグインを持つ単一のページに複数のギャラリーを取得しようとしている、と私はこれが（Multiple Galleries with Magnific Popup）

$('.gallery').each(function() { // the containers for all your galleries 
$(this).magnificPopup({ 
    delegate: 'a', // the selector for gallery item 
    type: 'image', 
    gallery: { 
     enabled:true 
    } 
}); 
});

これはばかげた質問のように見えるかもしれませんが議論されている知っているが、どこを行いますそのJavaScriptコードを配置しますか？ magnific-popup.jsファイルにありますか？それとも、私は新しいものを作り、それを呼びますか？私はJSで比較的新しいですし、私はそれに取り組んでいますが、私は別の場所に配置し、JavaScriptエラーを取得しようとしました。何か案は？

出典

2017-05-22 DMo

あなたはあなたのギャラリーを持っているところ、同じページから呼び出す</body>タグ

出典

2017-05-22 23:32:14

返信ありがとうございますが、私もそれを試してみると "$は関数ではありません"というエラーが表示されます。それは、jsファイル自体の中の他の場所に置いてあったときと同じようなメッセージです。 – DMo

を閉じる前に<script></script>タグの間、同じページに置くことができます。 jQueryとMagnificPopup.jsを含めてください。BEFORE Magnific Popup初期化スクリプト。以下のシーケンスを参照してください。

HTMLの<head></head>に入れることも、末尾の</body>タグの前に入れることもできます。彼らがシーケンスに従う限り。また、スクリプトの周りに$(document).ready()を含めてください。

<!-- 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="magnific-popup/jquery.magnific-popup.js"></script> 

<!-- Popup initialization code should be executed after document ready --> 
<script type="text/javascript"> 
$(document).ready(function() { 
    $('.gallery').each(function() { // the containers for all your galleries 
    $(this).magnificPopup({ 
    delegate: 'a', // the selector for gallery item 
    type: 'image', 
    gallery: { 
     enabled:true 
    } 
    }); 
}); 
}); 
</script>

出典

2017-05-25 18:08:30 irina

magnificopopupのマルチギャラリーのJavascriptの場所

答えて

関連する問題