編輯,2013年4月:舊的代碼不再需要nedeed。相反,使用Tumblr的「簡單」和「重新錄製」按鈕的新簡碼。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是在底部該頁面。但是這不起作用。當我點擊「喜歡」時,我的儀表板中喜歡的帖子數量增加(它說「喜歡的帖子」),但帖子沒有出現在喜歡頁面中,文本應該保持紅色,但不是。我失蹤?
我下面貼更新的代碼。在上面的例子中,在{{block:Text}'中有'{PostID}'。這意味着它不會在其他帖子類型中顯示,如圖片。另外,我也沒有看到'like-it''