Jquery mobile jquerymobile与twitterapi

我正在升级一个jquery移动应用程序，以便与twitter api v1.1一起使用。该应用程序在各种不同的页面中嵌入了时间线，这些页面由于twitter的变化而不再工作

我使用了twitter的createwidget特性，它生成了类似于此的代码

<a class="twitter-timeline" href="https://twitter.com/twitterapi" data-widget-id="YOUR-WIDGET-ID-HERE">Tweets by @twitterapi</a>
<script>!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>

---

关于如何让嵌入twitter的时间表可靠地出现在jquery移动应用程序中（不使用服务器代码）有什么想法吗？

我有一个通过绑定到“pagecreate”事件的嵌入twitter的程序。 像这样：

---

我终于弄明白了。twitter for websites api添加了一个window.twttr对象，这个对象有一个加载方法，可以扫描dom并安装小部件。这意味着我们可以轻松地检查widget.js是否已加载，如果已加载，则调用它，如果未加载，则调用它。最终的代码看起来像这样

$(document).bind('pageinit', function() {
    if (window.twttr) {
        twttr.widgets.load();
    } else {
        // Insert twitter supplied widget js here
    }
});

---

谢谢你的回复，但这对我不起作用。第一次加载页面时调用了pagecreate事件，但在随后的显示中没有调用。

// #twitter is my page that I have the embed in
$( '#twitter' ).live( 'pagecreate',function(event){
    //twitter js here
});

$(document).bind('pageinit', function() {
    if (window.twttr) {
        twttr.widgets.load();
    } else {
        // Insert twitter supplied widget js here
    }
});