TypeError：$（...）。magnificPopupは関数ではありません

Question

私はクロム開発者版です。ライブラリが読み込まれていないと、なぜ私は理解できません。エラーはクロムコンソールで報告されます。これは私のコードです：

<ul><li><a class="mediaimage-link" href="~/img/HP/mediakit/The-CorPath-Vascular-Robotic-System_HR.jpg"><img src="~/img/HP/The-CorPath-Vascular Robotic-System-187.jpg" alt=""> 
 
</a></li> 
 
<li><a href="https://www.youtube.com/watch?v=TnQsToiKKgw?rel=0&amp;showinfo=0" class="popup-youtube"> <img src="~/img/HP/Iyer-Video-187.jpg" alt=""></a> 
 
     </li> 
 
</ul>

$(document).ready(function() { 
 
    //Media Image Popup 
 
    $('.mediaimage-link').magnificPopup({type:'image'}); 
 
    //Video Iframe Popup 
 
    $('.popup-youtube').magnificPopup({ 
 
      disableOn: 700, 
 
      type: 'iframe', 
 
      mainClass: 'mfp-fade', 
 
      removalDelay: 160, 
 
      preloader: false, 
 
      fixedContentPos: false 
 
     }); 
 
});`

Answer 1

あなたはあなたのコードでjQueryライブラリが含まれていない可能性があります。 JQueryファイルは他のすべてのJavascriptコードの上に置かなければならないことに注意してください。