引导滑块导航栏变量未定义答案

【问题标题】：Bootstrap slider navbar variable undefined引导滑块导航栏变量未定义
【发布时间】：2016-07-22 13:14:08
【问题描述】：

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

http://www.bootply.com/uugdMksxDP

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

Variable goes undefined

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

我就是想不通。 .js 是在最后一个包中加载的。

【问题讨论】：

标签： jquery twitter-bootstrap menu slider navbar

【解决方案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>

【讨论】：

感谢您的回复！我这样做了，但我遇到了同样的问题，变量显示为未定义
这是一个快速的猜测。您应该添加更多代码，以便更容易找出问题所在。
并且您确实在代码之前添加了引导程序及其依赖项，例如 jquery？
是的，它首先添加了