Hi,
vielleicht kann mir jemand helfen. ich benutze für meine Seite bootstrap.
Die Seite ist aufgeteilt in header, inhalt und footer.
Ich habe Probleme mit meiner Navigation. Die sollte beim klicken auf einen link die Untermenüs öffnen.
<nav class="navbar-default navbar-side" role="navigation"> <div class="sidebar-collapse">
<ul class="nav" id="main-menu">
<li class="text-center">
<img src="assets/img/find_user.png" class="user-image img-responsive"/>
</li>
<li>
<a class="active-menu" href="index.html"><i class="fa fa-dashboard fa-3x"></i> Dashboard</a>
</li>
<li>
<a href="ui.html"><i class="fa fa-desktop fa-3x"></i> UI Elements</a>
</li>
<li>
<a href="tab-panel.html"><i class="fa fa-qrcode fa-3x"></i> Tabs & Panels</a>
</li>
<li >
<a href="chart.html"><i class="fa fa-bar-chart-o fa-3x"></i> Morris Charts</a>
</li>
<li >
<a href="table.html"><i class="fa fa-table fa-3x"></i> Table Examples</a>
</li>
<li >
<a href="form.html"><i class="fa fa-edit fa-3x"></i> Forms </a>
</li>
<li >
<a href="login.html"><i class="fa fa-bolt fa-3x"></i> Login</a>
</li>
<li >
<a href="registeration.html"><i class="fa fa-laptop fa-3x"></i> Registeration</a>
</li>
<li>
<a href="#"><i class="fa fa-sitemap fa-3x"></i> Multi-Level Dropdown<span class="fa arrow"></span></a>
<ul class="nav nav-second-level">
<li>
<a href="#">Second Level Link</a>
</li>
<li>
<a href="#">Second Level Link</a>
</li>
<li>
<a href="#">Second Level Link<span class="fa arrow"></span></a>
<ul class="nav nav-third-level">
<li>
<a href="#">Third Level Link</a>
</li>
<li>
<a href="#">Third Level Link</a>
</li>
<li>
<a href="#">Third Level Link</a>
</li>
</ul>
</li>
</ul>
</li>
<li >
<a href="blank.html"><i class="fa fa-square-o fa-3x"></i> Blank Page</a>
</li>
</ul>
</div>
</nav> <!-- /. NAV SIDE -->
Alles anzeigen
im footer habe ich die scripts eingefügt
<!-- SCRIPTS -AT THE BOTOM TO REDUCE THE LOAD TIME--> <!-- JQUERY SCRIPTS -->
<script src="assets/js/jquery-1.10.2.js"></script>
<!-- BOOTSTRAP SCRIPTS -->
<script src="assets/js/bootstrap.min.js"></script>
<!-- METISMENU SCRIPTS -->
<script src="assets/js/jquery.metisMenu.js"></script>
<!-- MORRIS CHART SCRIPTS -->
<script src="assets/js/morris/raphael-2.1.0.min.js"></script>
<script src="assets/js/morris/morris.js"></script>
<!-- CUSTOM SCRIPTS --> <script src="assets/js/custom.js"></script>
für die navi ist <script src="assets/js/jquery.metisMenu.js"></script> zuständig.
Ich habe das navi aus einem Theme. Wenn ich die html des Themes lade funktioniert die toggle funktion der Navigation ohne Probleme. Ich habe den Part der Navi in meine Header eingefügt. und die script datei in den Footer. In der Header liegt auch die css datei.
Hat es was damit zu tun das ich header, inhalt footer habe?
Im Inhalt teil wird oben und unten mit include die dateien inkludiert.
Gibt es da allgemein Probleme oder mach ich was falsch?
Edit: ahh Fehler entdeckt. Da passte was von der Reihenfolge der Javascripte nicht. Gibt es dafür irgendeine Erklärung über den zusammenhang der Scripte? Wann muss eins davor stehen? Wann eins danach?
Dachte immer es ist egal.