Bitte beachten Sie diesen CSS-Code:
a { color: #ffcc00; }
a:hover { color: #ccff00; }
Dieser HTML-Code:
<a href="#" id="link">Link</a>
<button id="btn">Click here</button>
Und schließlich dieser JS-Code:
$("#btn").click(function() {
$("#link").trigger("hover");
});
Ich möchte, dass mein Link seine Pseudoklasse verwendet: Hover, wenn auf die Schaltfläche geklickt wird. Ich habe versucht, Ereignisse wie Mausbewegung, Mouseenter, Hover usw. auszulösen, aber jeder arbeitet. Beachten Sie, dass ich die Verwendung der Hover-Spezifikation my CSS pseudo-class: hover erzwingen und nicht Folgendes verwenden möchte:
$("#link").css("color", "ccff00");
Jemand weiß, wie ich das mache? Vielen Dank.
a:focus
sie dupliziert habe.Sie können auch versuchen, ein Mouseover auszulösen.
$("#btn").click(function() { $("#link").trigger("mouseover"); });
Ich bin mir nicht sicher, ob dies für Ihr spezifisches Szenario funktioniert, aber ich hatte in verschiedenen Fällen Erfolg, Mouseover anstelle von Hover auszulösen.
quelle
Ich denke, die beste Lösung, die mir begegnet ist, ist dieser Stackoverflow . Mit diesem kurzen jQuery-Code können alle Hover-Effekte beim Klicken oder Berühren angezeigt werden. Sie
müssen der Funktion nichts hinzufügen.
$('body').on('touchstart', function() {});
Hoffe das hilft.
quelle