tumblr의 태그 링크를 사용하는 동적 필터 모음

Question

10 개의 TagPages에 대한 10 개의 링크가 있습니다. 클릭하면 해당 태그가있는 모든 게시물이있는 페이지로 이동합니다.

충분히 쉽습니다.

페이지에 태그가 지정된 게시물을 두 개 이상 겹칠 수 있는지 알고 싶습니다. 예를 들어, 모든 "빨간색"태그가 지정된 게시물이 표시되면 페이지를 떠나지 않고 "파란색"태그가 지정된 게시물을 클릭하여로드 할 수 있습니다.

그러면 10 개의 링크가 필터링 시스템처럼 작동합니다. 한 페이지에 태그가 달린 게시물의 모든 조합을 표시 할 수 있습니다. 한 번 클릭하여로드 한 다음 다시 클릭하여 게시물을 숨길 수 있습니다.

나는 모두 의미가 있기를 바랍니다.

도움이 될 것입니다. 감사.

Answer 1

당신은 텀블러의 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로 탐색 기능을 구축했다고 가정 해 보겠습니다. 이러한 각 클릭에 대해 기능을 생성하려고 할 것입니다.

HMTL :

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