Jquery click не работает с динамически добавленной ссылкой

Question

У меня проблема с динамически добавляемой ссылкой.

HTML

<button class="click-me">Click me</button>
<br><br><br>
<div class="dyanmic-link"></div>

JQuery

//Embedding a link dynamically
$('.dyanmic-link').html("<a href='www.google.com' class='dynamic-link'>Click Dynamically </a>");

//Click on a button 
$('.click-me').click(function(){
  $('.dynamic-link').click(); //Not working
  $('.dynamic-link').trigger( "click" ); //Not working
});

JSfiddle: - https://jsfiddle.net/e9ue227c/30/

Answer 1

click() напрямую не работает с привязанным jQuery-якорем. Вам нужно вытащить собственный DOM-объект перед тем, как вызвать клик. Заменить это:

$('.dynamic-link').click(); //Not working

с этим:

$('.dynamic-link')[0].click();