Bootstrap slider navbar variable undefined

Question

Я работаю над проектом с использованием ASP.NET MVC + JQuery (frontend). Я хочу поставить меню ползунок, как эта:

http://www.bootply.com/uugdMksxDP

Я скопировал код из bootply (где работает), но я просто не могу заставить его работать в проекте ми, потому что одной переменной как «неопределенный», даже он существует в DOM.

Variable goes undefined

, но если я ставлю тот же оператор в консоли, это дает мне значение мне нужно.

Я просто не могу понять это. .js загружается в связку, в последнем месте.

Answer 1

Просто попробуйте обернуть весь код в:

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

Это JQuery короткие обозначения для $(document).on('ready', function() { }); и это гарантирует, что ваш JS будет выполняться только тогда, когда дом готов для вашего кода.

Кроме того, вы хотите, чтобы убедиться, что 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>