问题标签 [twitter-widget]

我尝试在 WordPress 3.7 上安装 twitter 小部件，但它崩溃了 :(

所以帮助我，或者建议是否有任何与 WordPress 3.7 兼容的替代 twitter 小部件？

推特小部件

到目前为止，这是我的解决方案：http: //codepen.io/ducu/pen/VvwgPq

问题是弹出框是在创建推文标记之前呈现的，因此会发生这种调整大小的效果（编辑：通过默认隐藏弹出框并在推文内容可用时使其可见来改善这一点）。
推文边框也在这个过程中被移除，所以视觉效果并不好。

相关代码在这里：

结果还可以，但仅当弹出框放置在顶部或底部时才有效，因为推文内容的宽度是已知的。如果放置在左侧或右侧，则弹出框将远离触发元素，因为推文内容的高度未知。

如何仅在可用时显示推文弹出框？感谢您的任何提示

我正在尝试使用angularJS 指令在我正在构建的网站上使用 Twitter 集合网格（如下所示： https ://dev.twitter.com/web/embedded-timelines/collection）。小部件显示在网站上，但网格不起作用。图片不是以网格形式显示，而是彼此堆叠，所有这些都具有小部件的宽度。调整小部件的大小不适用于让它们显示为网格。奇怪的是，有时当我重新加载它正在工作的页面时，我无法让它始终如一地工作。编辑：它以正确的方式加载了 25% 的时间……我数了数……

这是我正在使用的html：

这是指令：

有人遇到过这个问题吗？或者只是让 Twitter Collection Grid 工作，你是怎么做到的？或者有人可以帮我找出为什么这不起作用？谢谢！

我使用 Twitter 的 Angular 应用程序的页面上嵌入了一些推文widgets.js。他们已经工作了很长一段时间。我今天注意到他们突然停止工作。我一直在尝试调试该问题，但无论我尝试什么，我似乎都无法加载推文。控制台中没有错误。如果我从控制台手动初始化推文，代码似乎可以正常执行。我可以通过在一个函数中将一些内容记录到控制台来验证这一点，该then函数只应在twttr.widgets.createTweet()解决返回的承诺时调用。

在我的application.html.erb我有以下内容：

在我的指令模板中，我指定了一个带有 Tweet id 的 div，如下所示：

然后在我的指令的控制器中，我在延迟后初始化小部件以确保 DOM 已准备好，如下所示：

debugger如果我在我的块中插入一个，$timeout我可以看到它从 DOMangular.element('#post_' + $scope.post.id)返回一个有效值。div如果我访问我的帐户，我还可以确认我的推文在 Twitter 上。

这个设置已经运行了一段时间了。我没有对其进行任何更改。事实上，它在几个小时前还在工作！我想知道的是如何调试它并弄清楚它为什么突然停止工作。我检查了 Twitter API 的状态，它说它在过去 24 小时内有 100% 的正常运行时间。

更新

我设法在jsFiddle中重现了这个问题。据我所知，我用于测试的帐户中的推文似乎存在问题。正如您在 Fiddle 中看到的那样，我指定了两个 Tweet ID -tweetA和tweetB- 然后将它们都嵌入。第一个是我的，无法加载。第二个加载就好了。

我正在使用引导流体容器布局来显示我的网站的全宽内容。

我想以全宽显示我的 twitter 小部件块，但如果我尝试使用 css 或 jQuery 使其全宽，则它不起作用。

我使用以下 css 使小部件 100%，但它不工作。

这是 twitter 小部件的屏幕截图。

我想让它全宽。

请为我提供适合全宽 twitter 小部件的解决方案。

我正在尝试在我的 Meteor 应用程序中添加一个 Twitter 列表，以显示有关某个主题标签（访问者所在城市）的所有推文。我做了一个带有通用主题标签（#suisse）的新小部件，然后我想用 Javascript 更改这个主题标签以使其与用户的城市相匹配......问题是我尝试更改我的 JS 中的 href 但什么也没发生搜索#suisse。你可以帮帮我吗 ？

而在我想要更改搜索的 JS 中

当我添加淡出或淡入 jquery 函数时，我使用的是 firefox 50.1.0，但 twitter 共享按钮不显示。iframe 正在加载，但按钮未显示。该按钮在除 Firefox 之外的所有浏览器中都能正常工作。这是我的小提琴https://jsfiddle.net/trvh8r12/

我创建了一个 Twitter 小部件，并试图将其放入我的 Angular 2 项目中，但 JS 文件不起作用。

如果我用 JS ( Here ) 插入它，它可以工作，但是当我切换到另一个选项卡并返回时（我安装了 Angular Routing）它会消失并显示 A 标签中的任何内容（所以，“Tweets by ...”）。

HTML 代码（在 home 组件中）：

home.component.ts 中的脚本，代码由@Arg0n 提供（查看答案部分）：

编辑： 好吧，我做了一些研究，发现我必须再次加载小部件，twttr.widgets.load();但这样做会引发错误。

我编辑了上面的代码，所以你可以看到我尝试了什么。上面的代码返回一个错误：

[ts] Cannot find name 'twttr'

如果我附加（窗口）。对它来说，它向我抛出了这个：

EXCEPTION: Uncaught (in promise): TypeError: Cannot read property 'load' of undefined

关于负载属性的文档在这里：https ://dev.twitter.com/web/javascript/initialization

请帮助我在初始页面加载后刷新单个 html 元素。我的程序在基本方面应该做什么：（FreeCodeCamp 练习：随机报价机）

• 从 API 获取随机报价
• 显示报价和作者
• 获取新报价/作者的按钮
• 用于推文引用/作者的按钮

我已经成功地让一切正常工作，但我发现我用来发送推文的锚元素在初始页面加载后不会刷新。它的“数据文本”属性已相应更改，但它并未反映在按钮/链接上。

这是我的 html 正文的摘录：http ://codepen.io/jattas/pen/gmNQpv 上的完整代码

我需要刷新锚元素以显示新更改的属性，而不是初始页面加载中的属性。请帮忙！我敢肯定这不应该那么困难。

这是我的 javascript 中的相关摘录：

非常感谢。

当我们使用https://publish.twitter.com/#来获取 Twitter 时间线的脚本并在移动应用程序的 Webview 中使用它时，该脚本只是将“Tweets by”作为链接显示，而不是显示时间线。

谁能建议这里缺少什么？