Question

关于Tumblr的说明工作不正常，您可以在此处看到：http://herrhansen.tumblr.com/post/19630628091（页面底部）

我相信变量{PostNotes}通常会将like-notes和reblog-notes放在列表中。但是我的笔记在某种程度上是分开的，好像只有我的'喜欢笔记'受到CSS的影响而且'reblog-notes'显示得非常奇怪。

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

这可能吗？

这里是喜欢按钮的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不是很熟悉。是否可能导致问题？

谢谢！

Answer 1

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

我会关注CSS和HTML格式问题。有趣的是，it does not appear to be the HTML for the list itself。

编辑：这是“reblog”类属性，它只出现在你破碎的元素上。进入Firebug或Dev Tools并将其删除，您将看到格式化已恢复。

div .reblog {
position: relative;
left: 90%;
top: -9px;
height: 18px;
display: inline-block;
width: 17px;
z-index: 1;
}

Tumblr like-button影响其他变量？

1 个答案: