2017-03-22 19 views
0

現在、ハンドルバーを使用してノードアプリケーションを作成しています。レイアウトについては、その中にドロップダウンがあるブートストラップのナビゲーションバーが必要です。 jqueryを動作させることができないため、ドロップダウンが機能しません。ここでjQueryのため、ノードアプリケーションでブートストラップのドロップダウンが機能しません

にのみ関連するファイルを含む私のディレクトリ構造です:

root 
    ├ models 
    ├ node_modules 
    | ├ jquery 
    ├ public 
    | ├ css 
    | | ├ bootstrap.css 
    | ├ fonts 
    | ├ js 
    | | ├ bootstrap.js 
    | | ├ jquery-3.1.1.js 
    ├ routes 
    ├ views 
    ├ app.js 
    ├ package.json 

あなたが見ることができるように、私はモジュールとしてjqueryのをダウンロードしたとウェブサイトからダウンロードしたバージョンを使用して、私のパブリックフォルダにそれをもを追加しました。私は私のapp.jsでそれをも必要としました

<script type = "text/javascript" src = "/js/jquery-3.1.1.js"></script> 

そうのようなファイル:私は私のlayout.handlebars上でそれをリンクした

はそうのようなファイル

var $ = require('jQuery'); 

でも2でjQueryはまだ動作しておらず、ドロップダウンが機能しない原因になっています。しかし、私はソースを確認した場合 enter image description here 、私たちは私のブートストラップのjsファイルとリンクjqueryのファイルを見ることができます:私は私のページを閲覧した場合

、私はこのメッセージが表示されます enter image description here

すべてのヘルプは歓迎です!

+1

エラーが原因で問題が発生しています。あなたはjquery 3.1.1を持っていますが、ブートストラップには3未満のjqueryのバージョンが必要です。 –

+0

ああ私の神..ありがとう..私は古代のブートストラップを使っていました。私は今コーディングを終了するような気がする。 – KeplerIO

答えて

0

実際に私の脳と読書を使った後、私のバージョンのBootstrapは自分のバージョンのjQueryと互換性がないとのエラーメッセージが表示されます。上記の私の質問のエラーメッセージを参照してください。

+1

"kiddo"?あなたの答えはどのようにして完全な答えになりますか?あなたが来て同じ質問をして、その答えを見た別のユーザー(実際にはエラーが何を言っているのか)が、これがどういう意味か分かりますか?本当の答えは少なくとももう少し実体を持っているだろう。 –

+1

あなたの質問は、一方的なものです。関連するコードを持っていて、何が起こっていたのかを知るために必要なすべての細部を与えました。回答は似たようなものでなければなりません:) –

関連する問題