编辑,2013 年 4 月:不再需要旧代码。改用 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 位于页面底部。但是,这是行不通的。当我点击“喜欢”时,我的仪表板中喜欢的帖子数量会增加(其中显示“喜欢 n.帖子),但帖子不会出现在“喜欢”页面中,文本应该保持红色,但不会。什么是我失踪了?