turnjsを使用して本のページをめくるようなページを作成したいが、ただ画像のみが表示されるだけで実行されない。

前提・実現したいこと

turnjsというJQueryプラグインを使って本のページをめくるようなサイトにしたいです。

コンソールには特にエラーはでてきていません。
ブラウザはsafariとchromeで試しています。
turnjsの実行方法について書かれているサイトを見ながら作成しました。

<!doctype html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>練習</title> </head> <body> <div id="flipbook"> <div><img src="bird1.jpg" width="800" height="600"></div> <div><img src="bird2.jpg" width="800" height="600"></div> <div><img src="bird3.jpg" width="800" height="600"></div> <div><img src="bird4.jpg" width="800" height="600"></div> </div> <script type="text/javascript"></script> <script type="text/javascript" src="js/jquery-3.4.1.min.js"></script> <script type="text/javascript" src="js/turn.js"> $(function(){ $('#flipbook').turn({ width:996, height:646 }); }); </script> </body> </html>

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

回答1件

ベストアンサー

2つのscriptタグを混同してますね。

js
1<script type="text/javascript" src="js/turn.js">
2$(function(){

↓

js
1<script type="text/javascript" src="js/turn.js"></script>
2<script>
3$(function(){

投稿2020/04/03 11:37

Lhankor_Mhy

総合スコア36960

あなたの回答

tips

プレビュー

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

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

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

ただいまの回答率
85.35%

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

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

質問する

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

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

turnjsを使用して本のページをめくるようなページを作成したいが、ただ画像のみが表示されるだけで実行されない。

前提・実現したいこと

関連した質問