壮大なポップアップが表示されない

Question

私はJavascriptに関して完全なnewbですので、私に試してもらうための解決策があれば、それを赤ちゃんのステップに分けてください。

私は数日間研究してきましたが、動作する修正が見つからないようです。私のテスト・ドキュメントをセットアップするときにも、インライン・ポップアップを使用します。リンク/ボタンをクリックすると、ページのURLは変更されますが、実際には何も表示されません。

オリジナルのデモから直接コピーして貼り付けました。マグニフィックの.jsの後にjQueryライブラリを追加しました。私は初期化コードを交換しようとしました。私は正直にトラックを失った。また、Chromeでデバッガを正しく開くことができませんでしたが、私が収集したのは、私がクローズしていなかったということでした。

ご協力いただければ幸いです。

私も実際にそれを使用する方法を知らないにも関わらずJSFiddleをした：https://jsfiddle.net/3b15w3ek/6/

$(document).ready(function() { 
// Example 1: From an element in DOM 
$('.open-popup-link').magnificPopup({ 
    type:'inline', 
    midClick: true // allow opening popup on middle mouse click. Always set it to true if you don't provide alternative source. 
}); 

Answer 1

私はバイオリンをチェックしjQuery1.9.1ためのURLが間違っていたことを発見し、それを修正しました。更新フィドルを参照してください：

https://jsfiddle.net/3b15w3ek/7/

そして、更新されたコードは次のとおりです。

$(document).ready(function() { 
    // Example 1: From an element in DOM 
    $('.open-popup-link').magnificPopup({ 
    type: 'inline', 
    midClick: true // allow opening popup on middle mouse click. Always set it to true if you don't provide alternative source. 
    }); 
}); 

Answer 2

あなたは（最後});を逃す）機能を閉じませんでした：

$(document).ready(function() { 
    // Example 1: From an element in DOM 
    $('.open-popup-link').magnificPopup({ 
     type:'inline', 
     midClick: true // allow opening popup on middle mouse click. Always set it to true if you don't provide alternative source. 
    }); 
}); 

ためには、このにスニペットをJSFiddleで使用するには、Javascript設定で "Framework & Extensions" = "jQuery 1.9.1"（またはそれ以降）も設定する必要があります。そうでなければ$記号はマグニフィックのギャラリーには見つかりません...