Cum pui link pe un div sau un bloc HTML?

Cum pui link pe un div sau un bloc HTML?

Salutare! Salutare! Am folosit cea mai bună exprimare în featured pic, nu? :)))

Voi continua șirul de articole cu soluții simple și practice pentru oameni care se mai dau cu capul de lucruri aparent simple.

Dacă doriți cândva să faceți cândva în viața voastră un div peste care să puneți un link, ați găsit unul din ACELE TUTORIALE!

Am folosit metoda aceasta atât pentru un site de prezentare cu foarte multe elemente de design intercalate, cât și pentru un magazin online. La shop s-au făcut ceva prezentări stufoase de produs și au dorit cei de acolo câteva astfel de divuri.

Bun! Păi, facem prima dată un div cu ceva conținut în el.


<div class="clasaDiv">
Ceva content pentru acest div. Da, putem pune poze, putem cosmetiza divul prin CSS etc.
</div>

Apoi, folosind JavaScript punem un link “deasupra” divului.

jQuery(document).ready(function() {
  jQuery('.clasaDiv').each(function() {
    var callout_link = jQuery(this).find('a').first().attr('href');
        callout_target = jQuery(this).find('a').first().attr('target');
    jQuery(this).wrapInne<r('<a href="http://url"></a>');
    jQuery(this).find('a').first().attr({href:callout_link,target:callout_target});
  }); 
});

Sper să fie de folos 🙂 Succes!

Lasă un răspuns

Adresa ta de email nu va fi publicată. Câmpurile obligatorii sunt marcate cu *

Acest sit folosește Akismet pentru a reduce spamul. Află cum sunt procesate datele comentariilor tale.