jquery's .click() funktioniert nicht?

Question

Wenn es

<a href="javascript:onclick:alert('hi')"> click </a>.

Wie kommt es $('a').click(); nicht zum Auftauchen des Warnhinweises führt?

Answer 1

Egal, ob Sie normales Javascript im Anker verwenden oder Jquery einsetzen. Wenn Sie jquery verwenden möchten, tun Sie dies:

$('a').click(function (e) {
   e.preventDefault(); 
   alert('hi');
}); 

und entfernen Sie den Code, den Sie in href="" haben, in etwas anderes, wie ein href="#"

Answer 2

Ich glaube, das ist es, was Sie wollen:

<a href="#" onclick="alert('hi')"> click </a>

Dann, um sie manuell auszulösen:

$('a').trigger('click');

Answer 3

Der Grund, warum es nicht funktioniert, ist, weil Sie das Klick-Ereignis nicht richtig anhängen, Sie hacken es ein, indem Sie es in den href-Wert werfen. Machen Sie es Link zu # oder die echte Url, nicht immer Platz JS inline. Dann fügen Sie den Event-Handler extern:

$('a').click(function(e) {
    e.preventDefault()
    alert('hi')'
});

Dann auslösen mit .trigger('click') wenn Sie dies manuell tun müssen.

Answer 4

Der Grund dafür, dass Sie das Klick-Ereignis nicht auslösen können, ist, dass Sie kein Klick-Ereignis festlegen.

El onclick: die Sie im Code haben, hat nichts zu tun mit dem onclick Veranstaltung ist es nur ein Etikett. Wenn man es wie ein Ereignis benennt, passiert nichts Besonderes.

Ihr Code ist also äquivalent zu:

<a href="javascript:alert('hi')"> click </a>

Wenn Sie ein Ereignis wünschen, verwenden Sie das Attribut onclick:

<a href="somepage.html" onclick="alert('hi');"> click </a>

Answer 5

Es gibt eine Möglichkeit, den Klickauslöser mit href zum Laufen zu bringen. Sie müssen einen window.location-Aufruf mit dem Ereignisziel an das Klickereignis binden. Dadurch werden alle onclick-Aktionen ausgelöst, gefolgt von dem href-Ziel. Zum Beispiel so:

$("a").click(function(event) {
    window.location = event.target.href;
});

$("a").trigger("click");