Erzeugt eine ganze Div klickbar

Question

Erzeugt eine ganze Div klickbar

7

Ich habe einen Link in einem div und ich muss das ganze div klickbar machen ... habe mehrere Tutorials im Internet gefunden, aber keines davon hat für mich funktioniert ...

javascript html

King Julien 20.07.2010, 17:44

quelle

5 Antworten

21

Rohes JavaScript:

%Vor%

jQuery:

%Vor%

Update: (mit Bezug auf Ihren Link)

%Vor%

jQuery:

%Vor%

Der obige Code löscht die Standardaktion des Links (zum Link) mit return false und bindet das click -Ereignis an das div mit der Klasse myBox , dann findet es das src -Attribut innerhalb des div und window.location wird verwendet, um die Seite auf das Attribut src des Links innerhalb des div umzuleiten. Das macht das Div klickbar.

Sarfraz 20.07.2010 17:47

quelle

6

Ich bin letztes Jahr auf dieses Problem gestoßen. Ich habe dem div einfach einen onclick hinzugefügt. Wie folgt: <div id="testimonial" style="cursor:pointer;" onclick="document.location='http://www.mysite.com/testimonials.html'">

Wolf Cat 21.11.2012 20:14

quelle

1

In HTML5 ist es jetzt möglich, ein div oder was auch immer in einem a zu haben. Das sollte den Trick machen. Es sind keine Skripts erforderlich, es sei denn, dies ist in Ihrem Link enthalten.

John A. 28.12.2013 08:20

quelle

0

Sie können einen JavaScript-Code verwenden, um Ihr Ziel zu erreichen, Bitte werfen Sie einen Blick auf dieses Tutorial .

%Vor%

und das ist das HTML-Beispiel:

%Vor%

aber es gibt einen kniffligen Weg, dies mit einem CSS-Code zu erreichen Sie müssen ein Anker-Tag innerhalb Ihres div-Tags verschachteln, und Sie müssen diese Eigenschaft darauf anwenden,

%Vor%

Wenn Sie das getan haben, wird es die gesamte Breite Fläche anklickbar (aber innerhalb der Höhe des Anker-Tag), wenn Sie die ganze div Bereich abdecken wollen Sie die Höhe des Anker-Tag exakt die eingestellte muss Höhe des div-Tags, zum Beispiel:

%Vor%

Das wird die ganze Fläche anklickbar machen, dann können Sie text-indent:-9999px anwenden Tag zu verankern, das Ziel zu erreichen.

Das ist wirklich schwierig und einfach und es ist nur CSS-Code erstellt.

Hier ist ein Beispiel : Ссылка

Hbirjand 26.08.2014 17:13

quelle

Tags und Links javascript html

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Wie sortiere ich eine Java Hashtable?

score 10 · Accepted Answer

Wenn Sie möchten, dass das gesamte div für die Navigation anklickbar sein soll, können Sie es entweder mit einem anchor () - Tag versehen, das nicht standardkonform ist, oder dem enthaltenen Anchor-Tag einen CSS-Stil hinzufügen Es ist die Größe des Containers div, der standardkonform ist. Ich werde ein Div verwenden, das in diesem Beispiel 250px mal 250px ist:

%Vor%