Erstellen Sie einen HTML-Link, der nichts tut (buchstäblich nichts)
Möchte ich einen link, der nichts tut. Ich will das nicht:
<a href="#">
weil dann die URL wird something.com/whatever/#
.
Der einzige Grund, warum ich möchte ein link ist, so kann der Benutzer sehen, dass Sie können auf den text klicken. JavaScript wird verwendet, um eine Aktion durchführen, so brauche ich nicht den link, irgendwohin zu gehen, aber ich muss es Aussehen wie ein link!
Könnte ich einige data-Attribut und sagen Sie mir, CSS, um Elemente, die Aussehen wie links, wenn Sie dieses Attribut, aber es scheint ein bisschen übertrieben.
Kommentar zu dem Problem
Was ist falsch mit
something.com/whatever/#
? man könnte es ein "href" - der leer ist und gibt false zurück, in der der javascript-Dateien. Aber es ist mehr semantischer wenn Sie ändern Sie einfach die cursor-Eigenschaft
pointer
in der CSS @CharlesSprayberry: gibt Es Situationen, die Sie nicht wollen, dass es.
Dies wäre eine gute Frage an ux.stackexchange.com als gut.
Diese Frage ist im Detail diskutiert hier: stackoverflow.com/questions/134845/...
InformationsquelleAutor der Frage ale | 2011-11-24
Du musst angemeldet sein, um einen Kommentar abzugeben.
Folgenden wird verhindern, dass Ihr href davor lief
Wenn Sie mit jQuery,
- Ereignis.preventDefault()
kann verwendet werden,InformationsquelleAutor der Antwort Curt
Versuchen Sie dies:
InformationsquelleAutor der Antwort alexdets
Nicht machen es zu einem link (es ist zwar bevorzugt, es zu tun) und style es mit CSS so, dass es aussieht wie ein link:
Oder noch besser einfach machen es zu einem link und lassen Sie die javascript-Funktion, die verwendet wird
e.preventDefault()
um zu verhindern, dass den link.Fügen Sie auch den link zu der
href
so dass Benutzer ohne JS aktiviert ist, wird immer noch in der Lage sein, es zu benutzen (als fallback).InformationsquelleAutor der Antwort PeeHaa
<a href="javascript:;">Link text</a>
- das ist es, was ich in der Regel verwendenInformationsquelleAutor der Antwort Scott Brown
@Curt Antwort wird funktionieren, aber Sie können eine cursor-Stil in css, um es so Aussehen wie ein link ohne Mühe erzeugt eine gefälschte link. Verwenden Sie hand-oder Zeiger, je nach browser-Konformität.
Cross-browser-konforme Zeiger css (von cursor-Stil guide):
InformationsquelleAutor der Antwort amelvin
Nicht
<a>
... stattdessen<span class='style-like-link'>
und dann die Klasse zu stylen Sie es wie Sie wollen.
InformationsquelleAutor der Antwort Bryce
einer Weise, die niemand erwähnt hat ist, dass der href zu einem leeren lokalen Speicherort wie so
warum? Wenn Sie ein framework wie reagieren oder eckig, der compiler spuckt einige Warnungen, die Ihre log oder in der Konsole verschmutzt. Diese Technik wird auch verhindert, dass Roboter oder Spinnen aus falsch verknüpfen Dinge.
InformationsquelleAutor der Antwort 1-14x0r