Ich baue derzeit eine kleine Website mit Ruby on Rails und Foundation als CSS-Framework. Ich habe eine obere Leiste für die Navigation mit 2 Elementen implementiert, die verschachtelte Dropdowns sind. HierFoundation top-bar bricht beim Laden einer anderen Seite
ist der Code der Top-Leiste, die in meinem Layout/application.html.erb ist:
<body>
<div class="top-bar">
<div class="top-bar-left">
<ul class="dropdown menu" data-dropdown-menu>
<li class="menu-text">Logo</li>
<li><a href="/">Home</a></li>
<li><a href="/stats">Statistics</a></li>
<li><a href="/news">News</a></li>
<li><a href="/items">Items</a>
<ul class="menu">
<li><a href="#">Infected items</a></li>
<li><a href="#">Detective items</a></li>
</ul>
</li>
<li><a href="/guides">Guides</a>
<ul class="menu">
<li><a href="#">Lore</a></li>
<li><a href="#">Beginner tutorial</a></li>
<li><a href="#">Mod rules</a></li>
<li><a href="#">Strategy guide</a></li>
<li><a href="#">How to be a good detective?</a></li>
</ul>
</li>
</ul>
</div>
</div>
Wie in der folgenden Abbildung dargestellt:
Der Code verhält sich wie beabsichtigt bis Ich öffne die Statistik Seite direkt neben zu Hause, als sh selbst in dieser:
Wenn ich die Statistik-Seite manuell eingeben, erhalte ich keine Probleme, bis ich wieder zu Hause wechseln. Dies geschieht immer dann, wenn ich auf einen Link der oberen Leiste klicke, der nicht dieselbe Seite ist, auf der ich mich gerade befinde.
Ich habe derzeit keine benutzerdefinierten JavaScript oder jQuery-Listener implementiert und ich verwende eine neue Foundation-Installation mit Foundation-Schienen.
Warum passiert das und wie kann ich es lösen? Geht es um Schienen?
Danke