Jquery click does not working with dynamically added link

Question

I'm facing an issue with a dynamically added link.

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/

check browser console for error and paste the same in question. — Nitishkumar Singh
– Nitishkumar Singh, Commented Apr 25, 2018 at 4:25
Thank you for your suggestion but I updated the question with JSfiddle link. — Zeshan Abdullah
– Zeshan Abdullah, Commented Apr 25, 2018 at 4:28
do you want that when click on '.click-me') the '.dynamic-link' will clicked ... why do you insert $('.dynamic-link').click(); to the '.click-me' function — לבני מלכה
– לבני מלכה, Commented Apr 25, 2018 at 4:33

31piy · Accepted Answer · 2018-04-25 05:05:42Z

2

click() doesn't directly work on a jQuery wrapped anchor. You need to pull out the native DOM object before you trigger a click. Replace this:

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

with this:

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

edited Apr 25, 2018 at 5:05

answered Apr 25, 2018 at 4:34

31piy

23.9k6 gold badges51 silver badges69 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Jquery click does not working with dynamically added link

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related