个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
如何在 Meteor 应用程序中插入 addthis 共享按钮？通常，您可以将提供的代码直接复制到 html 文件中:
<!-- 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"></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=silencing"></script>
<!-- AddThis Button END -->
<head>
<title>test-addthis</title>
</head>
<body>
<!-- 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"></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=silencing"></script>
<!-- AddThis Button END -->
</body>
最佳答案
Meteor 模板中的 body 标签并不是真正的 HTML body 标签。它只是您的应用程序的“主体”。
因此，当 Meteor 加载您的应用程序时，它将生成 HTML 元素以在浏览器本身中呈现页面，然后呈现任何适用的模板。在您的情况下，您有一个包含脚本标记的模板，并且您的假设是，与标准 HTML 文档一样，浏览器将继续执行关联的 Javascript。然而，这不是它的工作原理。没有执行 Javascript，只是将 DOM 节点附加到 DOM 结构中。
您可以通过尝试记录 addthis_config 的值来测试这一点。 - 它将是未定义的。您尝试包含的 addthis 脚本也没有被浏览器选择，因为 Web Inspector 中的资源选项卡将显示。
为了解决这个问题，您需要告诉 Meteor 获取外部脚本，然后设置变量。在您模板的 <head> 中元素，添加脚本:
<script src="//s7.addthis.com/js/300/addthis_widget.js#pubid=silencing"></script>
if (Meteor.isClient) {
var addthis_config = {"data_track_addressbar": true};
}
关于meteor - 在 Meteor 应用程序中插入 addthis 共享按钮？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14000574/
25
4
0
我正在使用 AddThis 共享按钮(免费 Vesrion)并且已经通过控制面板将图标大小设置为大。然而，这些图标对于我的设计来说仍然太小。有没有我可以用来将图标的大小增加到大于 32x32 的技巧。
我希望将一些 URL 参数附加到要由 AddThis 共享的 URL，并且只有在用户单击共享时我才会知道这些参数。 (我有一些图像显示在 slider 中，如果用户单击共享，我想将图像编号附加到 UR
我正在使用 AddThis共享边栏。 每次加载页面时，边栏都会从屏幕中心滑入适当位置。 如何停止这个滑动动画？ 我只想要页面侧边的共享边栏，没有任何滑动动画。 最佳答案 您是否尝试从带有 id 的 d
默认情况下，当用户按下 AddThis 小部件上的 Facebook Like 按钮时，当前域被喜欢。是否可以使用 AddThis 而不是当前域/URL 来喜欢粉丝页面？ 最佳答案 这对我有用 - 记
如何访问 addthis 中生成的 URL 并在通过电子邮件发送给其他人之前附加查询字符串？ 谢谢 最佳答案 来自他们的网站: To define the URL to share you do it
我正在尝试在我的页面上使用 addthis。使用 Chrome 时，我收到 JavaScript 安全错误。 Unsafe JavaScript attempt to access frame wit
我尝试在进行 ajax 调用时显示“添加此共享”按钮。在第一次调用 ajax 时，按钮没有显示，但是当我重新加载整个页面时一切正常，按钮在正确的位置。 我搜索了很多修复程序，但没有一个适合我。其中之一
我可以通过 jquery/javascript 更改 addthis 属性 addthis:url 并在不刷新页面的情况下发送新的 url 吗？ $(".button-addthis").attr("
第一个 SO 问题，哇哦。 我已将 AddThis SDK 集成到一个 iOS 应用程序中。我已将其设置为通过各种 channel 共享应用程序的 App Store 链接。一切正常，除了 Twitt
AddThis 上的电子邮件共享屏幕正在显示“维护”屏幕。它已经显示了一段时间。 有没有办法删除此维护页面，而是在用户单击电子邮件按钮时自动打开电子邮件客户端？ 或者如果有任何替代方案，请提出建议。
我想要做的是防止计数器弹出窗口在点击时显示。如果我尝试删除 onclick 事件，则计数不再显示。 最
我正在尝试对页面上的多个项目使用 addThis 工具箱。我一直在阅读，我需要使用 addthis:url 属性来为各个项目生成正确的 URL。 我所拥有的是以下内容:
我最近更改了我的网站网址问题是我不再从旧页面检索信息 是否可以从旧网址检索信息？例如 Facebook 的赞数量？？？ 这是我当前使用的代码(基本代码) 和 感谢大家的帮助 最佳答案 我是来自 A
所以我有以下标记 Share this page
我想在 dom 中获取此文件，而不使用愚蠢的 script 标记。但是已经超时了。 require(["async!http://s7.addthis.com/js/300/addthis_widge
HTML: Lorem ipsum... jQuery: var addthis_share = { des
我正在使用 Ajax 加载所有文章，但 Addthis 功能不正确 $thisChild.load( permLink + ' #thePostStuff', function() { 在所述 .l
关闭。这个问题是opinion-based .它目前不接受答案。 想改进这个问题？更新问题，以便 editing this post 可以用事实和引用来回答它. 7年前关闭。 Improve this
我正在我的页面上运行一些测试，我输入了一个无限滚动功能，女巫工作正常。 问题是 addthis 按钮在 10º 结果之后直到页面末尾都没有加载，因为这个内容来自另一个 php。我需要在我的 php 或
我正在我的页面上运行一些测试，我输入了一个无限滚动功能，女巫工作正常。 问题是 addthis 按钮在 10º 结果之后直到页面末尾都没有加载，因为这个内容来自另一个 php。我需要在我的 php 或
我是一名优秀的程序员,十分优秀！