Tumblr快速像按钮不工作

Question

编辑，2013年4月：旧的代码不再需要nedeed。相反，使用Tumblr的“简单”和“重新录制”按钮的新简码。

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

旧代码：

我使用@ ThinkingStiff的代码（https://stackoverflow.com/a/9048446/351320）。

这里是活生生的例子：http://themelab01.tumblr.com/

我的HTML代码：

{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是在底部该页面。但是这不起作用。当我点击“喜欢”时，我的仪表板中喜欢的帖子数量增加（它说“喜欢的帖子”），但帖子没有出现在喜欢页面中，文本应该保持红色，但不是。我失踪？