Bootstrap滑块导航栏变量未定义

Question

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

http://www.bootply.com/uugdMksxDP

我从bootply复制代码（在哪里工作），但是我无法让它在mi项目中工作，因为一个变量是＆＃34;未定义＆＃34;即使它存在于DOM中。

Variable goes undefined

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

我无法弄明白。最后，将.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>