Kuidas keelata link, kasutades ainult CSS-i?

Kas on võimalik CSS-i abil linki keelata?

Mul on klass nimega current-page ja ma tahan, et selle klassiga lingid oleksid välja lülitatud, nii et nende klikkimisel ei toimuks mingit tegevust.

Matt Komarnicki
Redigeeritud küsimus T44 september 2017 в 2:06
Programmeerimine
html css
T11 jaanuar 2010 в 4:55
37 vaated

CSS-i saab kasutada ainult millegi stiili muutmiseks. Parim, mida te saaksite puhta CSS-iga teha, on ilmselt linki täielikult ära peita.

Mida te tegelikult vajate, on javascript. Siin'on, kuidas te'd teha seda, mida soovite, kasutades jQuery raamatukogu.

$('a.current-page').click(function() { return false; });
Kommentaarid (9)

CSS ei saa seda teha. CSS on ainult esitlemiseks. Teie võimalused on järgmised:

  • Ärge lisage atribuuti <a>tippidesse atribuuti href.
  • Kasutage JavaScript'i, et leida selle class-iga ankurelemendid ja eemaldada vastavalt nende href või onclick atribuudid. jQuery aitaks teid selles (NickF näitas, kuidas teha midagi sarnast, kuid paremini).
Kevin Conner
Redigeeritud vastus T11 jaanuar 2010 в 5:13
Kommentaarid (2)

Atribuudiks href saab määrata javascript:void(0).

.disabled {
  /* Disabled link style */
  color: black;
}
<a class="disabled" href="javascript:void(0)">LINK</a>
Vadim Ovchinnikov
Redigeeritud vastus T66 aprill 2018 в 2:45
Kommentaarid (3)