2013-06-01 2 views
2

현재 트위터에서 정보를 얻기 위해 knockoutJS 예제를 사용하고 있습니다. 라이브 타일 MetroJS에 트위터 피드를 만들고 싶습니다. 나는 모든 정보를 얻지 만, 라이브 타일은 얻은 트위터 피드를 통해 순환하지 않습니다. 여기 메트로 라이브 타일 Like MetroJS로 피드

라이브 타일 여기

<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 그렇게 작동하는지 바이올린 파일을 추가하는 방법을 잘 프로젝트 예제와 Fiddle (이 아님을위한 HTML입니다 바르게).

답변

1

Metro JS는 .liveTile이 호출 되 자마자 타일면을 잡아서 .liveTile을 호출하기 전에 타일면 (또는 최소한 컨테이너)이 있어야합니다. 콘텐츠가 바인딩되거나 자리 표시 자 div를 추가하고 특정 수의 트윗을 가져온 후에 .liveTile을 호출 할 수 있습니다.

내 사이트에는 숨겨진 html 요소를 데이터 소스로 사용하는 animationComplete 예제가 있습니다. http://www.drewgreenwell.com/projects/metrojs#fiddle_9w98S