1

10 個の TagPages への 10 個のリンクがあります。クリックすると、そのタグが付いたすべての投稿を含むページに移動します。

それは簡単です。

1 つのページに複数のタグ付き投稿をスタックできるかどうかを知りたいです。たとえば、すべての「赤」タグ付き投稿が表示されている場合、ページを離れることなく「青」タグ付き投稿をクリックして読み込むことができます。

10 個のリンクは、フィルタリング システムのように動作します。その後、タグ付けされた投稿を任意の組み合わせで 1 ページに表示できます。1 回クリックして読み込み、もう一度クリックして投稿を非表示にします。

すべてが理にかなっていることを願っています。

どんな助けでも素晴らしいでしょう。ありがとう。

4

1 に答える 1

0

Tumblr の API を使用してタグで投稿を読み込むことができます: http://www.tumblr.com/docs/en/api/v2#posts

各タグの呼び出しは次のようになります (変更が必要な領域を示す角括弧):

URL = http://api.tumblr.com/v2/blog/[base-hostname]/posts?api_key=[key]&tag=[tagname]&jsonp=?

$.ajax(URL, {
  type: 'GET',
  dataType: 'json',
  success: function(data) {
    // do something with your data
  }
});

より具体的な例で更新:

タグ ナビゲーションのクリックごとに関数を作成する必要があります。たとえば、単純な HTML でナビゲーションを構築したとします。これらのクリックごとに関数を作成する必要があります。

HTML:

<nav class="tag-nav>
    <ul>
        <li><a href="/tagged/portrait" class="portrait">Portrait</a></li>
        <li><a href="/tagged/landscape" class="landscape">Landscape</a></li>
    </ul>
</nav>

JS:

$('.tag-nav a').on('click', function (e) {
    e.preventDefault();

    // grab classname from the link that was just clicked
    var tagName = $(this).attr('class');

    // go get our tagged posts
    getTaggedPosts(tagName);
});

var getTaggedPosts = function (tag) {
    // this is where your AJAX call will go

    // bonus points if you check to see if you've already made the AJAX call
    // and stored the posts somewhere else on the page
};
于 2013-04-18T18:18:02.450 に答える