addthis share button not working when I open the modal twice

480 Views Asked by At

I'm using addthis share button in my website, but the click of the button is in a modal that is loaded dynamically, so when the modal html is loaded, I call the script of addthis this way:

  var addthisScript = document.createElement('script');
    addthisScript.id = 'addthisscript';
    addthisScript.setAttribute('src', 
    '//s7.addthis.com/js/300/addthis_widget.js#domready=1')
    document.body.appendChild(addthisScript);

So, when I open the modal at first time, it works!

But, if I close the modal and open again and click the button to share again, it just reload the page.

After reloaded the page, starts to work again, but just once.

I already try remove the script from DOM and create again, but still doesn't work!!

When the modal is closed, I remove the entire HTML, this way:

$(`#${id_modal}`).on("hidden.bs.modal",() => {
    $(`#${id_modal}`).remove();
}

And every time that I open the modal, I call the function addthis() that create the script above.

Any help?

0

There are 0 best solutions below