刷新div并重新加载脚本

时间:2018-04-25 13:03:43

标签: jquery refresh reload

所以我想重新加载一个div,但我还需要回忆一个与之关联的jquery脚本。基本上,我将外部窗口小部件嵌入到我的网站中。该外部小部件创建更多js标签和css标签。但是新加载的div没有DOM附件,所以脚本和css不适用于新加载的DOM。

有解决方法吗?我刷新的原因是因为小部件是帖子的提要,我需要它自动更新,因为小部件本身不会这样做。

这是我到目前为止所尝试的内容:

    <script type="text/javascript">
    function removeCurator() {
        $('body').find('script[src$="https://cdn.curator.io/3.1/js/curator.min.js"]').remove();
        $('body').find('.crt-popup-wrapper').remove();
        $('head').find('link[href="https://cdn.curator.io/3.1/css/curator.css"]').remove();
        $('head').find('link[href="https://cdn.curator.io/published-css/b6d489d3-8a9d-4097-a1db-4a3435ae.css"]').remove();
        $('head').find('script[src$="https://cdn.curator.io/published/b6d489d3-8a9d-4097-a1db-4a3435ae.js"]').remove();
    }

    function loadCurator() {
        let i, e, d = document, s = "script";i = d.createElement("script");i.async = 1;
        i.src = "https://cdn.curator.io/published/b6d489d3-8a9d-4097-a1db-4a3435ae.js";
        e = d.getElementsByTagName(s)[0];e.parentNode.insertBefore(i, e);
    }

    $(document).ready(function () {
        loadCurator();

        setInterval(function () {
            $('#curator-feed').fadeOut();

            removeCurator();

            $('#social-media').load(document.URL +  ' #social-media');
            $('#social-media').on('load', loadCurator());
            $('#curator-feed').fadeIn(400);
        }, 7000);
    });
</script>

它实际上加载了div然后显示了Feed,但它在第二次最大值后消失了......

感谢您的帮助!

0 个答案:

没有答案