0

我在 Tumblr 上的笔记不能正常工作，你可以在这里看到：http: //herrhansen.tumblr.com/post/19630628091（页面底部）

我相信变量 {PostNotes} 通常会将like-notes 和 reblog-notes 放在一个列表中。但是我的笔记不知何故被分开了，好像只有我的“like-notes”受CSS影响，“reblog-notes”的显示非常奇怪。

我猜我用于 tumblr 赞按钮的 JavaScript（从http://like-button.tumblr.com/复制）弄乱了我的笔记。

这可能吗？

这是like-button的javascript：

<script>
window.onload = function () {
document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame"             style="display:none;"></iframe>' );
document.addEventListener( 'click', function ( event ) {
var myLike = event.target;
if( myLike.className.indexOf( 'my-like' ) > -1 ) {
    var frame = document.getElementById( 'my-like-frame' ),
        liked = ( myLike.className == 'my-liked' ),
        command = liked ? 'unlike' : 'like',
        reblog = myLike.getAttribute( 'data-reblog' ),
        id = myLike.getAttribute( 'data-id' ),
        oauth = reblog.slice( -8 );
    frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
    liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
};
}, false );
};
</script>

我尝试将变量放入列表中，但列表的定位仅适用于类似注释。

即使代码像这样简单（没有标签）：

 {block:PostNotes} 

                    {PostNotes}

                        {/block:PostNotes}

笔记变得很奇怪。

不幸的是，我对javascript不是很熟悉。是否可能导致问题？

谢谢！

4

1 回答 1

0

此代码在加载时添加，但仅在单击“赞”按钮时触发，因此，由于我在每次页面加载时都看到格式错误，因此我必须得出结论，此 JavaScript 不是问题。

我会关注 CSS 和 HTML 格式问题。有趣的是，它似乎不是列表本身的 HTML。

编辑：这是这个“reblog”类属性，它只出现在你损坏的元素上。进入 Firebug 或开发工具并将其删除，您会看到格式已恢复。

div .reblog {
position: relative;
left: 90%;
top: -9px;
height: 18px;
display: inline-block;
width: 17px;
z-index: 1;
}
于 2012-05-08T21:27:31.287 回答