javascript - 如何使用 Jquery 从小部件克隆任何数据?

标签 javascript jquery html

我为我的网站使用了社交评论小部件,我想从该小部件中克隆一些数据并在我的模板中按照我的需要使用它。

为了克隆数据,我使用以下 jQuery 代码:

var $button = $('#hypercomments_widget').clone(true);
$('.image_01').html($button);

但是这不起作用。

如果可以的话,请帮助我。

侧面 HTML 中的小部件代码:

<div id="hypercomments_widget"></div>
                    <script type="text/javascript">
                    _hcwp = window._hcwp || [];
                    _hcwp.push({widget:"Stream", widget_id: xxxxx});
                    (function() {
                    if("HC_LOAD_INIT" in window)return;
                    HC_LOAD_INIT = true;
                    var lang = (navigator.language || navigator.systemLanguage || navigator.userLanguage || "en").substr(0, 2).toLowerCase();
                    var hcc = document.createElement("script"); hcc.type = "text/javascript"; hcc.async = true;
                    hcc.src = ("https:" == document.location.protocol ? "https" : "http")+"://w.hypercomments.com/widget/hc/82481/"+lang+"/widget.js";
                    var s = document.getElementsByTagName("script")[0];
                    s.parentNode.insertBefore(hcc, s.nextSibling);
                    })();
                    </script>

JSFIDDLE

最佳答案

因为您应该在插件完全加载后等待,尝试 setTimeout() 3 秒(已测试)。

参见https://jsfiddle.net/tgza3x4o/4/

所以这是一个可行的解决方案

setTimeout(function(){
    var $button = $('#hypercomments_widget').clone(true);
    $('.image_01').html($button);
    },3000);//3 seconds

关于javascript - 如何使用 Jquery 从小部件克隆任何数据?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40343617/

相关文章:

javascript - 使用 jQuery 动态更改输入值

javascript - ReferenceError: jQuery 未在自调用函数中定义

javascript - 组合 div 和 span 标签样式失败

HTML 嵌入式 PDF iframe

html - ul 中的最后一个元素转到下一行

javascript - 单击链接时将变量更改为 post 方法

加载计时器时 jQuery 淡入淡出

javascript - prop() 不改变 id 值

jquery - 使文本完美地适合 div(高度和宽度),而不影响 div 的大小

javascript - ScrollTo 在页面上的 div 内