9

我试图在我的 ajax 加载页面中加载 twitter 小部件 api。

我尝试以几种不同的方式加载脚本，并且每次都收到警报以运行，但脚本本身却没有。

所以我第一次加载页面时，脚本正在运行，但是如果我返回菜单并返回此页面，那么它不会加载它吗？

这是ajax加载的页面。

<div id="twitterwid">

<a class="twitter-timeline" width="320" height="500" href="https://twitter.com/my account" data-widget-id="my widget id number">Loading tweets by @me</a>
<script>

alert("alert is working");

!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");


</script>

<div>

任何输入表示赞赏，谢谢。

4

2 回答 2

17

您所要做的就是：通过调用来调用页面上小部件标签的重新呈现：

twttr.widgets.load()

Twitter Dev Channel 上的类似问题

注意：内联脚本不会在 AJAX 加载时执行。请参阅：this SO Q&A以获取解决方案。

于 2013-01-22T21:18:28.583 回答
0

首先添加：

<script>window.twttr = (function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0],
    t = window.twttr || {};
  if (d.getElementById(id)) return t;
  js = d.createElement(s);
  js.id = id;
  js.src = "https://platform.twitter.com/widgets.js";
  fjs.parentNode.insertBefore(js, fjs);

  t._e = [];
  t.ready = function(f) {
    t._e.push(f);
  };

  return t;
}(document, "script", "twitter-wjs"));</script>

所以你可以使用：

twttr.widgets.load()
于 2015-09-17T14:15:46.707 回答