2

我目前正在使用 knockoutJS 示例从 twitter 获取信息。我想在MetroJS Live Tile上创建一个 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 文件添加到小提琴以使其正常工作）。

4

1 回答 1

1

Metro JS 会在调用 .liveTile 后立即抓取瓦片面，因此瓦片面（或至少它们的容器）需要在调用 .liveTile 之前存在。您可以在绑定内容后调用 .liveTile，也可以添加一些占位符 div 并拉取一定数量的推文。

我的网站上还有一个 animationComplete 示例，它使用隐藏的 html 元素作为数据源。 http://www.drewgreenwell.com/projects/metrojs#fiddle_9w98S

于 2013-06-30T20:08:46.793 回答