Clic automático para agregar dinámicamente el enlace - javascript, jquery

Quiero hacer clic automáticamente en el enlace agregado dinámicamente. Aquí está mi guión

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

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

Sin embargo, no funciona, ya que el enlace se agrega dinámicamente al objeto. ¿Cuál es la forma correcta de hacerlo?

Respuestas

¿Que estás tratando de hacer? ¿Parece que solo quieres ir a la ubicación href?

Si ese es el caso, puedes ir

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

Debe agregar un controlador de clics antes de activar el evento de clics

Demo en vivo

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

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

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

Para eventos de enlace para elementos agregados dinámicamente, jQuery proporciona delegación de eventos usando jQuery en().

Eventos delegados

Los eventos delegados tienen la ventaja de que puedenprocesar eventos desde Elementos descendientes que se agregan al documento en un momento posterior. Por Elegir un elemento que esté garantizado para estar presente en el momento en que el controlador de eventos delegado está adjunto, puede usar eventos delegados para evitar la necesidad de adjuntar y eliminar con frecuencia los controladores de eventos.

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

Puedes probarlo así también ...

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>

Utilizar

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

Porque, debes emular el clic del elemento dom.

$("#tikla").click(); activará el evento jquery click vinculado a ese elemento de anclaje. En su caso, no hay nada vinculado al elemento de anclaje.

Violín

Prueba esto,

$("<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();

Gracias por todos ustedes, pero ninguno funcionó en Internet Explorer. Encontré que este javascript simple funciona en todos los navegadores.