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

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

新規登録して質問してみよう
ただいま回答率
85.48%
jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

Laravel 5

Laravel 5は、PHPフレームワークLaravelの最新バージョンで、2014年11月に発表予定です。ディレクトリ構造がが現行版より大幅に変更されるほか、メソッドインジェクションやFormRequestの利用が可能になります。

Q&A

解決済

1回答

2507閲覧

LaravelでのjQueryプラグインでのエラー解決

DDon

総合スコア37

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

Laravel 5

Laravel 5は、PHPフレームワークLaravelの最新バージョンで、2014年11月に発表予定です。ディレクトリ構造がが現行版より大幅に変更されるほか、メソッドインジェクションやFormRequestの利用が可能になります。

0グッド

0クリップ

投稿2018/07/09 13:29

laravel5.5でプロジェクトを開発しています。
JapanMapという日本地図を表示するjQueryのプラグインを使用したいのですが、エラーが出てしまい地図が表示できません。laravelを使用しない場合は正常に表示されるのですが、laravelだと表示されません。
解決方法がありましたら、教えて頂けますでしょうか。

JapanMap
https://takemaru-hirai.github.io/japan-map/

PHP

1@section('content') 2 <script type="text/javascript" src="{{ asset('/js/jquery-3.0.0.min.js') }}"></script> 3 <script type="text/javascript" src="{{ asset('/js/JapanMap/jquery.japan-map.min.js') }}"></script> 4 <script> 5 $(function(){ 6 $("#map-container").japanMap({ 7 onSelect : function(data){ 8 alert(data.name); 9 } 10 }); 11 }); 12 </script> 13<div id="map-container"></div> 14@endsection

エラー内容

jQuery.Deferred exception: $(...).japanMap is not a function TypeError: $(...).japanMap is not a function at HTMLDocument.<anonymous> (http://localhost/YurucharaGO/public/:57:33) at j (http://localhost/Project/public/js/jquery-3.0.0.min.js:2:29588) at k (http://localhost/Project/public/js/jquery-3.0.0.min.js:2:29902) undefined

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

m.ts10806

2018/07/10 00:33

jquery.japan-map.min.jsのパスは合っていますか?ファイルはそこに存在していますか?jquery-3.0.0.min.jsも同様。 「Project/public」とURLに入っているのでもしかしたら間違っているのではないかと。
DDon

2018/07/10 09:58

ファイルパスは問題ないようです。メソッドが呼び出せないようなエラーが出ています。
guest

回答1

0

自己解決

名前空間が上書きされてしまっていたのがエラーでした。別のjsにdeferが入っていたのでエラーが出ていました。

投稿2018/07/10 10:16

DDon

総合スコア37

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問