引导程序滑块导航栏变量未定义

Question

我在一个使用ASP的项目中工作。NET MVC+JQuery（前端）。我想放一个滑块菜单，就像这个一样：

http://www.bootply.com/uugdMksxDP

我从bootply（正在工作的地方）复制了代码，但我就是不能让它在mi项目中工作，因为一个变量即使存在于DOM中也会变成"未定义"。

变量未定义

但如果我在控制台中放入相同的语句，它会给我所需的值。

我就是想不通。.js是在最后一个位置加载到一个捆绑包中的。

Answer 1

只需尝试将所有代码打包到：

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

这是$(document).on('ready', function () { });的jquery简短表示法这样可以确保只有当dom为您的代码做好准备时，您的js才会被执行。

此外，您还需要确保在加载代码之前实现jquery和bootstrap：

<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>