Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/435.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在页脚中加载lazyloaded button.js_Javascript_Jquery_Wordpress_Lazy Loading_Sharethis - Fatal编程技术网

Javascript 在页脚中加载lazyloaded button.js

Javascript 在页脚中加载lazyloaded button.js,javascript,jquery,wordpress,lazy-loading,sharethis,Javascript,Jquery,Wordpress,Lazy Loading,Sharethis,我的网站上有来自sharethis的社交媒体图标。为了防止sharethis button.js出现渲染阻塞,我使用了lazyload js插件。 它工作得很好,但我还有一个要求。 我希望这个插件能够将button.js加载到标签末尾的某个地方。当前,它将其放置在标记中。 有人能帮忙吗 以下是我的代码示例: //调用jquery插件 <script type="text/javascript" src="lazyload-min.js" defer="on" async="on">

我的网站上有来自sharethis的社交媒体图标。为了防止sharethis button.js出现渲染阻塞,我使用了lazyload js插件。 它工作得很好,但我还有一个要求。 我希望这个插件能够将button.js加载到标签末尾的某个地方。当前,它将其放置在标记中。 有人能帮忙吗

以下是我的代码示例: //调用jquery插件

<script type="text/javascript" src="lazyload-min.js" defer="on" async="on">
</script>

在标签末尾的某个地方,我使用了以下代码:

<script type="text/javascript"> 
  window.onload = function() {
    var switchTo5x=false; 
    LazyLoad.js( 'http://w.sharethis.com/button/buttons.js', function () {
      stLight.options( 
        { publisher: "YOUR-UUID", doNotHash: true, doNotCopy: true } 
      );
    });
  }
</script>

window.onload=函数(){
var switchTo5x=假;
LazyLoad.js('http://w.sharethis.com/button/buttons.js,函数(){
stLight.options(
{出版商:“你的UUID”,doNotHash:true,doNotCopy:true}
);
});
}

我找到了解决此问题的方法

我们不需要使用lazyload.js插件

我们只需在服务器上下载sharethis button.js后延迟加载,并在回调函数中传递参数

以下是代码示例:

<script type="text/javascript"> 
    if (window.addEventListener)
        window.addEventListener("load", downloadJSAtOnload, false);
    else if (window.attachEvent)
        window.attachEvent("onload", downloadJSAtOnload);
    else window.onload = downloadJSAtOnload;

    function downloadJSAtOnload()
    {
        var media_element = document.createElement('script');
        media_element.src = '/buttons.min.js'; //sharethis button.min.js
        media_element.onload = function()
                                {
                                    stLight.options({publisher: "YOUR-UUID", doNotHash: true, doNotCopy: false, hashAddressBar: false, async: true});
                                };
        document.body.appendChild(media_element);            
    }
</script>

if(window.addEventListener)
addEventListener(“加载”,downloadJSAtOnload,false);
else if(窗口附件)
window.attachEvent(“onload”,downloadJSAtOnload);
else window.onload=下载jsatonload;
函数downloadJSAtOnload()
{
var media_element=document.createElement('script');
media_element.src='/buttons.min.js';//共享此button.min.js
media_element.onload=函数()
{
选项({publisher:“YOUR-UUID”,doNotHash:true,doNotCopy:false,hashAddressBar:false,async:true});
};
document.body.appendChild(媒体元素);
}