基于MetroJS的地铁直播Twitter

Question

目前，我正在使用knockoutJS示例从twitter获取信息。我想在MetroJS的Live上创建一个twitter提要。我确实得到了所有的信息，但Live瓦不是骑自行车通过获得的twitter提要。

这里是的HTML

<div class="red">
<div id="tile1" data-mode="carousel" data-start-now="true" class="live-tile" data-direction="horizontal" data-delay="3000" data-bind='foreach: currentTweets' data-play-onhover="true">
    <div>
        <div>
            <img class="full" data-bind='attr: { src: profile_image_url }' alt=":(" />
        </div>
        <div>
            <span class="tile-title"><a class='twitterUser' data-bind='attr: { href: "http://twitter.com/" + from_user }, text: from_user' href='http://twitter.com/${ from_user }'></a></span>
        </div>
        <div>
            <p class="metroExtraLarge" data-bind="text: text"></p>
        </div>
    </div>
</div>

​

下面是带有项目示例的小提琴 (不确定如何添加Metrojs.js文件以便使其正确工作)。

Answer 1

一旦调用.liveTile，Metro就会抓取瓷砖面，所以在调用.liveTile之前，瓷砖面(至少是它们的容器)需要存在。您可以在内容绑定之后调用.liveTile，或者可以添加一些占位符div并提取一定数量的tweet。

我的站点上还有一个animationComplete示例，它使用隐藏的html元素作为数据源。9w98S