Πώς να απενεργοποιήσετε έναν σύνδεσμο χρησιμοποιώντας μόνο CSS;

Υπάρχει κάποιος τρόπος να απενεργοποιήσετε έναν σύνδεσμο χρησιμοποιώντας CSS;

Έχω μια κλάση που ονομάζεται current-page και θέλω οι σύνδεσμοι με αυτή την κλάση να απενεργοποιούνται έτσι ώστε να μην γίνεται καμία ενέργεια όταν τους κάνετε κλικ.

Το CSS μπορεί να χρησιμοποιηθεί μόνο για να αλλάξει το στυλ κάποιου αντικειμένου. Το καλύτερο που θα μπορούσατε να κάνετε με καθαρό CSS είναι να αποκρύψετε το σύνδεσμο εντελώς.

Αυτό που πραγματικά χρειάζεστε είναι κάποια javascript. Ακολουθεί ο τρόπος με τον οποίο μπορείτε να κάνετε αυτό που θέλετε χρησιμοποιώντας τη βιβλιοθήκη jQuery.

$('a.current-page').click(function() { return false; });
Σχόλια (9)

Τα CSS δεν μπορούν να το κάνουν αυτό. Τα CSS είναι μόνο για παρουσίαση. Οι επιλογές σας είναι:

  • Μην συμπεριλάβετε το χαρακτηριστικό href στις ετικέτες σας <a>.
  • Χρησιμοποιήστε JavaScript, για να βρείτε τα στοιχεία άγκυρας με αυτό το class, και να αφαιρέσετε τα χαρακτηριστικά href ή onclick τους ανάλογα. jQuery θα σας βοηθούσε σε αυτό (ο NickF έδειξε πώς να κάνετε κάτι παρόμοιο αλλά καλύτερο).
Σχόλια (2)

Μπορείτε να ορίσετε το χαρακτηριστικό href σε javascript:void(0)

Σχόλια (3)