Metro Live Tile Like Twitter Feed與MetroJS

Question

我目前使用knockoutJS示例從twitter獲取信息。 我想在MetroJS Live Tile上創建一個twitter feed。我將獲取所有信息，但活動平鋪不會通過獲取的Twitter提要進行循環。

下面是直播瓷磚

<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> 

這裏是Fiddle與工程實例（不知道如何添加Metrojs.js文件撥弄使其作品的HTML正確）。

Answer 1

當調用.liveTile時，Metro JS會抓取瓦片表面，因此在調用.liveTile之前，瓦片必須存在（或至少它們的容器）。您可以在綁定內容後調用.liveTile，也可以添加一些佔位符div並提取一定數量的推文。

我的網站上還有一個animationComplete示例，它使用隱藏的html元素作爲數據源。 http://www.drewgreenwell.com/projects/metrojs#fiddle_9w98S