Auto klicken, um den Link dynamisch hinzuzufügen - javascript, jquery

Ich möchte automatisch auf den dynamisch hinzugefügten Link klicken. Hier ist mein Drehbuch

document.write("<a id="tikla" href="http://www.example.org">tikla</a>");

$("#tikla").click();

Es funktioniert jedoch nicht, da der Link ein dynamisch hinzugefügtes Objekt ist. Was ist der richtige Weg, dies zu tun?

Antworten:

Was versuchst du zu machen? Es sieht so aus, als würdest du nur zum href gehen wollen?

Wenn das der Fall ist, können Sie einfach gehen

window.location.href = "http://www.example.org";

Sie müssen einen Klick-Handler hinzufügen, bevor Sie ein Klick-Ereignis auslösen

Live-Demo

document.write("<a id="tikla" href="http://www.example.org">tikla</a>");

$("#tikla").click(function(){
alert("clicked");
});

$("#tikla").click();

Für Bindungsereignisse für dynamisch hinzugefügte Elemente bietet jQuery Ereignisdelegierung mit jQuery auf().

Delegierte Ereignisse

Delegierte Ereignisse haben den Vorteil, dass sie es könnenEreignisse verarbeiten von Nachkommenelemente, die dem Dokument zu einem späteren Zeitpunkt hinzugefügt werden. Durch ein Element auswählen, das zu der Zeit garantiert vorhanden ist delegierter Ereignishandler ist angefügt, Sie können delegierte Ereignisse verwenden Vermeiden Sie das häufige Anhängen und Entfernen von Ereignishandlern.

$( "#staticparent" ).on( "click", "#tikla", function() {
alert("clicked");
});

Sie können es auch so versuchen ...

document.write("<a id="tikla" href="http://www.example.org">tikla</a>");

window.location.href = $("#tikla").attr("href");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

Benutzen

$("#tikla").get(0).click();

Weil Sie das dom-Element click emulieren müssen.

$("#tikla").click(); Löst das an dieses Ankerelement gebundene jquery click -Ereignis aus. In Ihrem Fall ist nichts an das Ankerelement gebunden.

Geige

Versuche dies,

$("<a id="tikla" href="http://www.example.org">tikla</a>")
.appendTo("body") // appendto body
.get(0).click(); // triggering click to itself

$("<a id="tikla" href="http://www.example.org">tikla</a>")
.appendTo("body")
.get(0).click();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

var myLink = document.getElementById("tikla");
myLink.click();

Vielen Dank für alles, aber keiner hat im Internet Explorer funktioniert. Ich fand, dass dieses einfache Javascript in allen Browsern funktioniert.