2012-08-29 18 views
6

ich ein Problem mit Anker-Tags haben:/-Link (Href) zu einem versteckten (display: none) html Element

ich den folgenden Code haben:

<div name="divA"> 
<a name="A"> A</a> 
</div> 

<div name="divB" style="display: none;> 
<a name="B"> B</a> 
</div> 

<div name="divHrefB"> 
<a href="#B">B</a> 
</div> 

Mein Ziel ist es, dass wenn ich auf B (divHrefB) klicke, geht die Anwendung zu "divB", aber da dieses Element versteckt ist, funktioniert es nicht.

Bitte beachten Sie, dass ich will nicht divB zeigen, (i einen Link zu dem Ort, wo wollen div sind ... ist das möglich?

An diesem Punkt denke ich dynamisch erzeugen, um die href Wert (in diesem Fall würde ich die folgende div erzeugen)

<div name="divHrefB"> 
<a href="#A">B</a> 
</div> 

Dank viel

Antwort

6

einfach nicht Display gelten. none, fügen Sie einfach diese CSS für die versteckten div

.
<div name="divHrefB" style="height: 0px;width: 0px;overflow:hidden;"> 
<a href="#A">B</a> 
</div> 
+1

Das Problem ist, dass ich brauche, dass diese div Platz nicht in Anspruch nehmen. Deshalb benutze ich "display: none;(). Ich habe bereits versucht Sichtbarkeit: versteckt, es funktioniert, aber es nehmen Layout-Raum ... :( – JMarques

+6

ok dann können Sie" position: absolute "verwenden, die als Ihr Bedarf arbeiten sollte ... –

+2

Es hat funktioniert Vielen Dank =) Up vote for you: P – JMarques

1

Sie vermissen die Endung " Kommentar.

versuchen, diesen Kerl:

style="display: none;"