2

現在、twitter から情報を取得するために、knockoutJS の例を使用しています。MetroJSライブ タイルで Twitter フィードを作成したいと考えています。私はすべての情報を取得しますが、ライブ タイルは取得した 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>

プロジェクト例のFiddleを次に示します (正しく動作するように Metrojs.js ファイルを fiddle に追加する方法がわかりません)。

4

1 に答える 1

1

Metro JS は .liveTile が呼び出されるとすぐにタイル フェースを取得するため、.liveTile を呼び出す前にタイル フェース (または少なくともそのコンテナー) が存在している必要があります。コンテンツがバインドされた後に .liveTile を呼び出すか、プレースホルダー div を追加して一定数のツイートを取得できます。

私のサイトには、非表示の html 要素をデータソースとして使用する animationComplete の例もあります。 http://www.drewgreenwell.com/projects/metrojs#fiddle_9w98S

于 2013-06-30T20:08:46.793 に答える