ブートストラップスライダーnavbar変数が未定義

Question

私は、ASP.NET MVC + JQuery（フロントエンド）を使用しているプロジェクトで作業しています。私はこの1つだけのようなスライダーのメニューを入れたい：

http://www.bootply.com/uugdMksxDP

私は（働いている）bootplyからコードをコピーしたが、私はちょうどそれがマイルプロジェクトで仕事を得ることができない、一つの変数ので、 DOM内に存在していても「未定義」となります。

Variable goes undefined

が、私は、コンソールで同じ文を置けば、それは私が必要とする値を与えます。

私はそれを理解できません。 .jsはバンドルの最後の場所にロードされています。

Answer 1

だけにあなたのすべてのコードをラップしよう：それは$(document).on('ready', function() { }); のためのjQueryの短い表記だと、これはDOMはあなたのコードのための準備ができたとき、あなたのJSにのみ実行されますを確認します

$(function() { 
    ... your code ... 
}); 

。あなたはjQueryとブートストラップは、あなたのコードがロードされる前に実装されていることを確認したいほか

：

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<script type="text/javascript" src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>