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