エラーの対処法が分からない

エラーを直したい

Magnific Popupでギャラリーを作っています。
一度エラーが出なくなったのでそのままにしておいたのですが、改めてhtmlファイルを開いたところ、以下のようなエラーメッセージが出ました。色々調べて何度も間違っているところがないか確認したのですが、自分ではどこが間違っているのか分からなかったのでお聞きします。

表示されたエラーメッセージ

Uncaught SyntaxError: Invalid or unexpected token jquery.magnific-popup.min.js:1 Uncaught 
gallery.html:39 Uncaught TypeError: jQuery(...).magnificPopup is not a function
    at HTMLDocument.<anonymous> (gallery.html:39)
    at c (jquery-1.10.1.min.js:4)
    at Object.fireWith [as resolveWith] (jquery-1.10.1.min.js:4)
    at Function.ready (jquery-1.10.1.min.js:4)
    at HTMLDocument.q (jquery-1.10.1.min.js:4)

htmlファイルに記入したもの

<html>
<head>
<title>ギャラリー</title>
<link rel="stylesheet" href="magnific-popup/magnific-popup.css"/>
</head>
<body>
<div align="center">
<img src="作品/トップ写真.jpg"
 width="1024" height="768" alt="welcome">
<br><br><hr width="500">
<a href="top.html">
<font face="02うつくし明朝体">トップ</font></a>
<a href="gallery.html">
<font face="02うつくし明朝体">ギャラリー</font></a>
<a href="promotion.html">
<font face="02うつくし明朝体">プロモーション</font></a>
<br><hr width="500"><br><br>
<font face="02うつくし明朝体">2016年4月から始めた私のお字書き活動の一部です。
<br>画像をクリックすると、大きく表示され、説明文を見ることができます。</font>
<br><br>
<hr width="500">
<br><br>
<div class="container">
<a href="写真2/オムライス.jpg" title="オムライス">
<img src="サムネイル/オムライス1.jpg" alt="オムライス"/></a>
<a href="写真2/スープとサラダ.jpg">
<img src="サムネイル/スープとサラダ.jpg" /></a>
<a href="写真2/バニラアイス.jpg">
<img src="サムネイル/バニラアイス1.jpg" /></a>
<a href="写真2/ハンバーグ.jpg">
<img src="サムネイル/ハンバーグ1.jpg" /></a>
</div>
<a href="top.html"><font face="02うつくし明朝体">戻る</font></a>
</div>
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> 
<script src="magnific-popup/jquery.magnific-popup.min.js"></script> 
<script>
jQuery(function($){
jQuery('.container').magnificPopup({
  delegate: 'a', 
  type: 'image',
  gallery: { 
    enabled:true
  },
  image:{
    cursor:null,
    titleSrc:'title'
  }
  });
});
</script>
</body>
</html>

試したこと

Magnific Popupのファイルを公式サイトから再ダウンロードしました。
指定している画像やファイルの場所は合っているはずです。

行動規範の内容に同意します

回答1件

ベストアンサー

こんばんは。
質問のエラーは下記のjsが読み込まれていないことが原因で起きています。
今一度、パスとファイル名が一致しているかご確認くださいませ。

lang
1<script src="magnific-popup/jquery.magnific-popup.min.js"></script>

投稿2018/02/13 13:41

退会済みユーザー

総合スコア0

sobaopi_ti

2018/02/14 05:20

できました！ありがとうございました！

行動規範の内容に同意します

あなたの回答

tips

プレビュー

行動規範の内容に同意します

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう！