Anklickbaren button oder glyphicon innerhalb von list-group-item
Recht jetzt ich versuche, fügen Sie ein glyphicon-oder-Taste innerhalb einer list-group-item. Was ich möchte ist, dass, wenn der Benutzer klickt auf eine beliebige Stelle innerhalb des list-group-item, mit denen Sie verbunden sind, um eine bestimmte Seite, aber wenn Sie klicken Sie auf die glyphicon-oder-Taste, werden Sie einen link zu einer anderen Seite. Deshalb versuche ich, dies zu tun, es hält setzen die glyphicon-oder-Taste außerhalb des list-group-Elemente-box. Warum ist das so? Wie kann ich dieses Problem beheben?
Sehr geschätzt.
Code:
<div class="list-group">
<a href="my_django_url" class="list-group-item">
<a href="another_django_url"><span class="glyphicon some-glyphicon"></span></a>
</a>
InformationsquelleAutor steve-o | 2014-11-23
Du musst angemeldet sein, um einen Kommentar abzugeben.
hier gehen Sie:
fiddle: http://jsfiddle.net/9r14uuLw/
InformationsquelleAutor ncosta
Verzeihen Sie die Kürze (bei der Arbeit /zugeschlagen):
Dies ist, was ich werde für den rest meines project(s)...
Ist dies funktioniert der code von meinem Projekt -- Entschuldigung für die grobe Copy/Paste! Die untere
<h5>
ist einfach für die vertikale Ausrichtung. Dierow
Klasse Hinzugefügtdiv.list-group-item
ist voller container-Breite (optional).#Warnung:
Nicht die gesamte Höhe ist verwertbar, wie ein link, aber dies kann ein anständiger Kompromiss.
Hoffe, das hilft!
InformationsquelleAutor Cody
Klingt es wie Sie wollen, dass die gesamte list-group-item", um eine Verbindung, die nicht geschieht durch die Antwort zur Verfügung gestellt. Sie können nicht über ein
<a>
tag in einem anderen<a>
tag, so dass ich denke, dass Sie verwenden müssen, um die absolute Positionierung zu erreichen, was Sie zu tun versuchen.Werden sollte, zu nahe, was Sie nach. Ich habe gerade ein paar inline-styles, um schnell zeigen, wie es getan werden kann, aber Sie werden wahrscheinlich wollen, um zu kommen mit einigen mehr generischen Stile zu re-verwenden Sie diese leicht.
InformationsquelleAutor dvanderb