Ich benutze Twitter Bootstrap für ein Projekt.Twitter Bootstrap 3 Liste Gruppe
Ich habe ein Widget Typ list-group, die eine Liste von Elementen ist, die für die Navigation verwendet werden.
Aus irgendeinem Grund kann ich diese Links nicht funktionieren. Obwohl der richtige Link beim Schweben erscheint, bringen sie mich nicht dorthin.
Ich habe eine fiddle erstellt, um das Problem zu veranschaulichen.
Kann jemand helfen?
Grüße.
Niemals HTTP-Protokolle in die href einfügen, aus vielen Gründen, von denen das Protokoll möglicherweise falsch ist! (http vs https).
Wie für den internen Link funktioniert es ordnungsgemäß in der JSfiddle, sobald Sie tatsächlich ein Element mit dieser ID erstellen.
Plus die Liste Gruppe in einer Liste nicht ein Haufen von divs
Werfen Sie einen Blick auf Bootstrap's documentation für list-Gruppe sein sollte. Wenn ich Ihre Links in eine UL setzen, scheinen die Dinge zu arbeiten:
<ul class="list-group">
<li><a
href="http://www.google.com"
class="list-group-item active"
>External link not working</a></li>
<li><a
href="#my_local_anchor"
class="list-group-item active">
Internal link not working
</a> </li>
</ul>
Wenn Sie http in der Verbindung angeben, es wird nicht in einer HTTPS-Site arbeiten.
Vielleicht ist es ein Nebeneffekt, es auf Geige zu laufen. Meine Website ist nicht HTTPS und es funktioniert auch nicht – Nicolas
überprüfte ich die internen Link und es hat funktioniert, wenn yo Ihren Anker als
ID verwenden
<h1 id="my_local_anchor">und den externen Link funktioniert, wenn ich hinzugefügt:
<a href="https://www.google.com" target="_blank">, die den Link in einem neuen Tab öffnet, die in der Regel besser als Ihre Website wird
gefunden, das Problem, eine Präsenz in dem Browser des Benutzers zu halten. Es gab ein JS mit einer preventDefault-Anweisung. Das zu kommentieren, behob das Problem. Ich habe diesen Code von einer externen Quelle kopiert und das Problem nicht erkannt. – Nicolas