Javascript 延迟addThis的执行
我有一个使用谷歌地图和我自己的javascript的网站。我正在使用AddThisJavaScript作为社交按钮。在我的javascript加上google javascript加载并运行(在Javascript 延迟addThis的执行,javascript,jquery,addthis,domready,Javascript,Jquery,Addthis,Domready,我有一个使用谷歌地图和我自己的javascript的网站。我正在使用AddThisJavaScript作为社交按钮。在我的javascript加上google javascript加载并运行(在$(document.ready…)之前,这个网站是不可用的,所以我想尽量减少运行过程中的延迟。因此,我考虑推迟AddThis模块,直到其他所有事情都完成,因为它并不那么重要 关于stackoverflow的其他问题建议将指向我想要延迟的javascript的链接放在页面底部。但我认为这与我无关,因为$(
$(document.ready…
)之前,这个网站是不可用的,所以我想尽量减少运行过程中的延迟。因此,我考虑推迟AddThis模块,直到其他所有事情都完成,因为它并不那么重要
关于stackoverflow的其他问题建议将指向我想要延迟的javascript的链接放在页面底部。但我认为这与我无关,因为$(文档)。准备好了吗?
在所有链接的javascript加载之前,无论其放置在何处,都不会启动
如果是这样,我是否应该在$(document.ready…
)之后以某种方式加载addThis javascript
虽然我真的不想运行addThis,直到所有谷歌地图图片等都加载完毕(我相信.ready()不会等待这个)。有没有推荐的方法来处理这种事情
作为参考,此用法的典型添加
<script type="text/javascript">
var addthis_config = {
"data_track_addressbar":false,
"ui_click":true,
"data_use_cookies": false
};
</script>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#"></script>
<div class="addthis_toolbox addthis_default_style addthis_32x32_style">
<a class="addthis_button_facebook"></a>
<a class="addthis_button_twitter"></a>
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_compact" title="Share"></a>
</div>
var addthis_config={
“数据跟踪地址栏”:false,
“ui_click”:true,
“数据使用cookies”:false
};
我想出了这个办法(如果有更好的办法,请告诉我)
var addthis_config={
“数据跟踪地址栏”:false,
“ui_click”:true,
“数据使用cookies”:false
};
$(窗口).on(“加载”,函数(){
$(“头”)
.append($('')
.attr('type','text/javascript')
.attr('src',”http://s7.addthis.com/js/250/addthis_widget.js#"));
});
看看异步加载AddThis:
至少,这将最大限度地减少加载时间(但幸运的是,大多数计算机上都已缓存了此项,因此加载时间非常短)。以防仍有人在寻找解决方案。AddThis已经发布了许多人对页面延迟感到恼火的消息,他们现在提供了几个选项,您可以在(dom)准备就绪时在脚本中控制加载: 虽然您也可以使用动态加载或追加#async=1来异步加载,但我认为另一个好的选项就是以这种方式放置的——在dom就绪之前不会运行:
<script type="text/javascript">
/*
//if you have a pub_id, add it here and uncomment these two lines
var addthis_config = addthis_config||{};
addthis_config.pubid = 'YOUR PUBID';
*/
var addthisScript = document.createElement('script');
addthisScript.setAttribute('src', 'http://s7.addthis.com/js/300/addthis_widget.js#domready=1')
document.body.appendChild(addthisScript)
</script>
/*
//如果您有一个pub_id,请将其添加到此处并取消对这两行的注释
var addthis_config=addthis_config |{};
addthis_config.pubid='YOUR pubid';
*/
var addthisScript=document.createElement('script');
addthisScript.setAttribute('src','http://s7.addthis.com/js/300/addthis_widget.js#domready=1')
document.body.appendChild(addthisScript)
您可以确保在addthis\u config变量中包含您的配置文件ID,以确保仍然跟踪分析,如:var addthis\u config={“data\u track\u addressbar”:false,“ui\u click”:true,“data\u use\u cookies”:false,“pubid”:“your\u pubid”};
<script type="text/javascript">
/*
//if you have a pub_id, add it here and uncomment these two lines
var addthis_config = addthis_config||{};
addthis_config.pubid = 'YOUR PUBID';
*/
var addthisScript = document.createElement('script');
addthisScript.setAttribute('src', 'http://s7.addthis.com/js/300/addthis_widget.js#domready=1')
document.body.appendChild(addthisScript)
</script>