当我两次打开模式对话框时,添加此共享按钮不起作用

时间:2018-12-13 16:15:59

标签: javascript html addthis

我在我的网站上使用addthis共享按钮,但是单击该按钮是在动态加载的模式中,因此当加载模式html时,我会这样调用addthis脚本:

  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);

所以,当我第一次打开模态时,它就起作用了!

但是,如果我关闭模式并再次打开并单击以再次共享按钮,它将重新加载页面。

重新加载页面后,可以再次开始工作,但是只有一次。

我已经尝试从DOM中删除脚本并再次创建,但是仍然无法正常工作!

当模式关闭时,我将通过以下方式删除整个HTML:

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

每次打开模态时,我都会调用函数addthis()来创建上面的脚本。

有帮助吗?

0 个答案:

没有答案