2012-04-25 5 views
0

EDIT, April 2013 : 이전 코드가 더 이상 사용되지 않습니다. 대신 Tumblr의 '좋아요'및 '다시 블로그'버튼에 대한 새로운 단축 코드를 사용하십시오!Tumblr 빠른 버튼이 작동하지 않습니다.

http://developers.tumblr.com/post/49193689915/attn-fantastic-theme-developers-tumblr-users-can

오래된 코드 : 나는 ThinkingStiff의 코드 (https://stackoverflow.com/a/9048446/351320) @ 사용하고

. 의 하단에

{block:Posts} 
     {block:Text} 
      <li id="{PostID}" class="post text"> 
       {block:Title} 
        <h3><a href="{Permalink}">{Title}</a></h3> 
       {/block:Title} 

       {Body} 
      </li> 
      <a href="{ReblogURL}" class="reblog">reblog</a> 
      <a href="#" class="like">like</a> 
     {/block:Text} 

CSS

#like-it { 
    display: none; 
} 
.liked, .like:hover { 

    color: red !important; 
} 

JS

$(document).on('click', '.like', function (event) { 

    event.preventDefault(); 

    var command = $(this).hasClass('liked') ? 'unlike' : 'like', 
     post = $(this).closest('.post'), 
     oauth = post.find('.reblog').attr('href').slice(-8), 
     id = post.attr('id'), 
     likeUrl = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id; 

    $('#like-it').attr('src', likeUrl); 
    $(this).toggleClass('liked'); 

}); 

과 빈은 iframe : http://themelab01.tumblr.com/

내 HTML 코드 :

여기에 라이브 예제 그만큼 페이지. 그러나 이것은 작동하지 않습니다. 'like'를 클릭하면 내 대시 보드에서 좋아하는 게시물 수가 늘어납니다 ("좋아요"게시물이 표시됨)하지만 좋아하는 페이지에는 게시물이 표시되지 않고 텍스트는 빨간색으로 유지되지만 그렇지 않습니다. 내가 실종? 내가 절단 및 붙여 넣기 노력하기 위해 최근에 내 코드를 업데이 트했습니다

+0

나는 아래의 코드를 업데이트 기록했다. 위 예에서'{block : Text} '안에'{PostID}'가 있습니다. 즉 사진과 같은 다른 게시물 유형에는 표시되지 않습니다. 또한'like-it''이'