Bootstrap Slider Navbar Variable undefined

Question

Ich arbeite in einem Projekt mit ASP.NET MVC + JQuery (Frontend). Ich möchte nur ein Slider-Menü setzen wie diese:

http://www.bootply.com/uugdMksxDP

ich den Code aus bootply kopiert (wo funktioniert), aber ich kann einfach nicht bekommen es in mi Projekt zu arbeiten, weil eine Variable geht als "undefiniert" auch wenn es im DOM existiert.

Variable goes undefined

aber wenn ich die gleiche Aussage in der Konsole setzen, es gibt mir den Wert ich brauche.

Ich kann es einfach nicht herausfinden. Die .js wird an letzter Stelle in einem Bündel geladen.

Answer 1

nur versuchen, den gesamten Code zu wickeln in:

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

Es ist ein jquery Kurzschreibweise für $(document).on('ready', function() { }); und dies stellt sicher, dass Ihre js nur dann ausgeführt werden, wenn der Dom für Ihren Code bereit ist.

Zusätzlich möchten Sie vor Ihrem Code Lasten implementiert sicher jquery und Bootstrap machen:

Sie

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