Ako zakázať odkaz len pomocou CSS?

Existuje nejaký spôsob, ako zakázať odkaz pomocou CSS?

Mám triedu s názvom current-page a chcem, aby sa odkazy s touto triedou zakázali, aby sa po kliknutí na ne nevykonala žiadna akcia.

CSS sa dá použiť len na zmenu štýlu. Najlepšie, čo by ste pravdepodobne mohli urobiť s čistým CSS, je úplne skryť odkaz.

To, čo naozaj potrebujete, je nejaký javascript. Tu je návod, ako by ste urobili to, čo chcete, pomocou knižnice jQuery.

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

CSS to nedokáže. CSS slúži len na prezentáciu. Máte tieto možnosti:

  • Nezahŕňajte atribút href do značiek <a>.
  • Použite JavaScript, aby ste našli kotviace prvky s touto class a odstránili ich atribúty href alebo onclick. Pomôže vám s tým jQuery (NickF ukázal, ako urobiť niečo podobné, ale lepšie).
Komentáre (2)

Atribút href môžete nastaviť na javascript:void(0)

.disabled {
  /* Disabled link style */
  color: black;
}
<a class="disabled" href="javascript:void(0)">LINK</a>
Komentáre (3)