添加此 JavaScript 异步调整
Addthis javascript asynchronous tweaking
在我的页面上,我正在向addthis javascript添加异步加载,但我仍在学习js,所以我不确定将其放置在哪里。
我拥有的代码是:
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_button_pinterest_pinit" pi:pinit:layout="horizontal"></a>
<a class="addthis_counter addthis_pill_style"></a>
</div>
<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=xxxxx"></script>
<!-- AddThis Button END -->
以下是方向:
若要启用异步加载,请将查询字符串参数"async"添加到addthis_widget.js脚本标记的末尾。下面是一个示例:
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#async=1"></script>
这将阻止加载除初始脚本之外的所有 AddThis 资源。当您准备好加载 AddThis 时,调用函数 "addthis.init()",如下所示:
function initAddThis()
{
addthis.init()
}
// After the DOM has loaded...
initAddThis();
我的问题是,我如何放置#async=1
代替我的用户名,我是否在后面添加 init?
特旁边的 iframce 也有很大的差距,我不知道如何减少。
最糟糕的是,在社交网络(例如Facebook)上发布的URL转到空白页面并具有以下URL: http://www.inside-guides.co.uk/brentwood/children-and-parenting/activity-and-play-centres/timbuk2-kids-activity-centre-383.html?fb_action_ids=10151964783697905&fb_action_types=og.likes&fb_ref=.Ul0sB9xtelP.like&fb_source=other_multiline&action_object_map=%7B%2210151964783697905%22%3A128186320684674%7D&action_type_map=%7B%2210151964783697905%22%3A%22og.likes%22%7D&action_ref_map=%7B%2210151964783697905%22%3A%22.Ul0sB9xtelP.like%22%7D
任何想法都非常感谢
你的第一个问题 - 如何添加 #async=1 - 很简单:只需将其放入addthis_config变量中即可。下面是示例代码:
<script type="text/javascript">
var addthis_config = {
"data_track_addressbar":true,
"pubid": 'xxxxx'
};
</script>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#async=1"></script>
对于您的第二个问题 - 如何在之后添加 init 调用 - 只需将其放在代码编辑器中的代码之后即可。
最后,发布到 Facebook 的帖子失败的原因是您的 Web 应用程序未正确设置以处理查询参数。例如,此 URL - http://www.inside-guides.co.uk/brentwood/children-and-parenting/activity-and-play-centres/timbuk2-kids-activity-centre-383.html?foo=bar - 也会失败。如果你在 ?在 URL 中,它不会加载。您的开发人员必须解决此问题。
- 内部分区字体大小获胜'调整浏览器窗口大小时不会随媒体查询而更改
- 调整窗口大小时,可拖动的对象会出现在容器外部
- ExtJS——在展开/折叠时调整面板高度
- esri javascript异步打印
- JavaScript异步问题
- $translateProvider.useStaticFilesLoader的Angular Translate异步定
- 异步facebook功能
- 异步并行错误
- 在Redux中,我应该在哪里编写复杂的异步流
- Chrome应用程序调整窗口大小保持纵横比
- 如何自动调整标签的高度以适应内容
- 导航栏没有调整到浏览器屏幕的大小
- 调整屏幕大小后不显示子菜单
- 使用JavaScript根据窗口/视口的高度动态调整图像大小
- 合并两个数组,重新调整循环js
- 角度异步http自动完成
- 如何从SeleniumWebdriver获取异步Javascript响应
- 将Node REPL调整为不阻塞异步回调的提示
- 添加此 JavaScript 异步调整
- Javascript:调整base64图像的大小并以非异步方式返回字符串