Faire un tout div par clic

Si vous dites que vous voulez que la division entière soit cliquable pour la navigation, vous pouvez l'envelopper avec une étiquette d'ancrage (), qui n'est pas conforme aux normes, ou ajouter un style css à la balise d'ancrage contenue, ce qui en fait la taille De la div contenant, qui est conforme aux normes. J'utiliserai un div qui est 250px par 250px dans cet exemple:

<div id="container"><a href="" style="display:block;width:250px;height:250px;">Link</a></div> 

Raw JavaScript:

 <div onclick="alert('You clicked me !')">Click Me</div> 

JQuery:

 $('#div_id').click(function(){ alert('Clicked !!'); }); 

Mise à jour: (En référence à votre lien)

 <div class="myBox"> blah blah blah. <a href="http://google.com">link</a> </div> 

JQuery:

 $(".myBox").click(function(){ window.location=$(this).find("a").attr("href"); return false; }); 

Le code ci-dessus annule l'action par défaut du lien (allant au lien) avec return false et lie l'événement de click au div avec la classe myBox , puis il trouve l'attribut src du lien à l'intérieur de div et window.location est utilisé pour rediriger la page vers L'attribut src du lien présent à l'intérieur du div. Donc, cela fait que le div est cliquable.

J'ai rencontré ce problème l'année dernière. J'ai simplement ajouté un onclick à la div. Comme ceci: <div id="testimonial" style="cursor:pointer;" onclick="document.location='http://www.mysite.com/testimonials.html'"> <div id="testimonial" style="cursor:pointer;" onclick="document.location='http://www.mysite.com/testimonials.html'">

En HTML5, il est maintenant possible d'avoir un div ou tout autre chose dans un . Cela devrait faire l'affaire. Aucun script requis, à moins que ce soit dans votre lien.

Vous pouvez utiliser un code JavaScript pour atteindre votre objectif, merci d'examiner ce tutoriel .

 $(".myBox").click(function(){ window.location=$(this).find("a").attr("href"); return false; }); 

Et c'est l'exemple HTML:

 <div class="myBox"> blah blah blah. <a href="http://google.com">link</a></div> 

Mais il existe un moyen délicat d'y parvenir à l'aide d'un code CSS, vous devez imbriquer une étiquette d'ancrage dans votre balise div et vous devez y appliquer cette propriété,

 display:block; 

Lorsque vous l'avez fait, cela rendra la zone de largeur totale cliquable (mais à la hauteur de la balise d'ancrage), si vous souhaitez couvrir toute la zone de division, vous devez définir la hauteur de l'étiquette d'ancrage exactement à la hauteur du Tag div, par exemple:

 height:60px; 

Cela va permettre à toute la zone de cliquer, vous pouvez appliquer un text-indent:-9999px à la balise d'ancrage pour atteindre le but.

C'est vraiment délicat et simple et c'est simplement créé à l'aide du code CSS.

Voici un exemple : http://jsfiddle.net/hbirjand/RG8wW/