Javascript Tumblr jQuery-Like(从rel抓取)

Javascript Tumblr jQuery-Like(从rel抓取),javascript,jquery,button,iframe,tumblr,Javascript,Jquery,Button,Iframe,Tumblr,我用砖石和无限卷轴编写了一个HTML5(样板)主题,到目前为止效果相当不错。现在,我想在每一篇文章中包括reblog和like按钮。我试图添加这个,但由于某种原因,like按钮不起作用 主题的URL: 在script.js的底部,我添加了类似的代码 $('a.like').click(function() { var post = $(this).closest('.post'); var id = post.attr('id'); var oath = post.att

我用砖石和无限卷轴编写了一个HTML5(样板)主题,到目前为止效果相当不错。现在,我想在每一篇文章中包括reblog和like按钮。我试图添加这个,但由于某种原因,like按钮不起作用

主题的URL:

在script.js的底部,我添加了类似的代码

$('a.like').click(function() {
    var post = $(this).closest('.post');
    var id = post.attr('id');
    var oath = post.attr('rel').slice(-8);
    var like = 'http://www.tumblr.com/like/'+oath+'?id='+id;
    $('#likeit').attr('src', like);
    $(this).toggleClass( 'liked' );
});
完整的scripts.js可在此处找到:

如果需要,这里有plugins.js:

上面代码的最后一行使链接变为红色;我想这表明脚本有响应。但没有产生类似的结果。在初始化body标记之后,我有以下代码:

<iframe id="likeit"></iframe>

知道它为什么不工作了吗?

我明白了,在分析jQuery生成的代码后,这是一个非常简单的修复

 <article{block:Date} id="post-{PostID}"{/block:Date} class="post type-post {PostType} hentry entry" rel="{ReblogURL}">


因此,显然,删除上述代码中的post-,使最终结果链接正确;喜欢现在起作用了。

看起来你已经让它起作用了,但对于未来的读者,我简化了我的喜欢按钮代码,以消除大多数人对它(帖子id)的混淆,使它成为一个简单的剪切和粘贴。可以在

{block:Posts}{/block:Posts}
块之后立即将其粘贴到
{block:Posts}
块中:


如果(!document.getElementById('my like frame')){
变量样式=
''
+“.我喜欢{”
+'背景图像:url(数据:数据:数据:图像/png;Bas64,IvBoBorWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWe数据:数据:数据:图像/png;Bas64,WeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWe75MD6WU8QZExkrhVToblWSJUHC4KYO99V8BbNM0/iMiz542myq2bSPskcmR/zPos7lvP8Lv/nGd+/N6c2Xq2KcXhiY6qV1rxwotU3n/NHF8fgW+G9HFSHJLJUYLJCGAAAASU5CYII=)!重要;'
+'高度:17px;'
+'宽度:19px;'
+'光标:指针;'
+'显示:内联块;'
+'垂直对齐:顶部;'
+ '}'
+“.我喜欢,.我喜欢:悬停{”
+'背景图像:url数据:数据:图像/png;Bas64,IvBorwwwwwwwwwwwwwwwwwwwww8/Awy/O3/O3/O3/O3/905c/4/4/4/2779/79/69Pn/4/4/4/7号数据:图像/数据:图像:图像/巴巴巴巴巴新巴巴巴巴巴新;数据:巴巴巴巴巴新;巴巴巴新;巴巴新;巴新数据:图像/数据:数据:图像/数据:图像/数据:图像/数据:图像/巴新(数据:图像/巴新巴新(数据:图像/数据:图像/数据:图像/数据:图像:图像/巴新巴新巴新巴新巴新巴新巴新;巴新巴新巴新;巴新;巴新/数据:图像/数据:图像/数据:图像/数据:图像/数据:图像/数据:图像/数据:图像/数据:图像/数据:图像/巴CGgQKPKt50dfnPcL6wkCqGXaoo/8/w5tgxyg3T0wUnYHBIPJUZSZFF8PK/8NZACJRKKKKWHINAOF3168IW0D429ONGFMEAZLJVDKR8BMAY4XRQCLEGNC3J+f/nxw/MjI6OQflxh6EBzvR0Z9o0rCUKVsNA+MuD+/9PJISGHQMPF0/KDhw6cFpGAy/OnAAbOibEyf+E1ILAFBRCHM7KRAAAELFTKSUQMCC)!重要;'
+'高度:17px;'
+'宽度:19px;'
+'光标:指针;'
+'显示:内联块;'
+'垂直对齐:顶部;'
+ '}'
+ '';
document.head.insertAdjacentHTML('beforeEnd',style);
document.body.insertAdjacentHTML('beforeed','';
document.addEventListener('click',函数(事件){
var myLikeLink=event.target;
if(myLikeLink.className.indexOf('my like')>-1){
var myLikeFrame=document.getElementById('my like frame'),
喜欢=(myLikeLink.className==“我喜欢的”),
command=like?'inspect':'like',
reblog=myLikeLink.getAttribute('data reblog'),
postId=myLikeLink.getAttribute('data id'),
oauth=reblog.slice(-8),
利库尔http://www.tumblr.com/'+command+'/'+oauth+'?id='+postId;
myLikeFrame.src=likeUrl;
喜欢?myLikeLink.className='我喜欢'
:myLikeLink.className='my liked';
};
},假);
};
并将其粘贴到
{block:Posts}{/block:Posts}
块中您想要的类似按钮的位置:


 <article{block:Date} id="post-{PostID}"{/block:Date} class="post type-post {PostType} hentry entry" rel="{ReblogURL}">