2012-05-08 80 views
0

我上的tumblr音符無法正常工作,因爲你可以在這裏看到:http://herrhansen.tumblr.com/post/19630628091(頁面底部)Tumblr like-button影響其他變量?

我相信變量{PostNotes}通常所說的一樣,說明和一個reblog-筆記列表中。但是我的筆記在某種程度上是分開的,好像只有我的'喜歡筆記'受到CSS的影響,'reblog-notes'顯示得很奇怪。

我猜測,我正在使用tumblr like按鈕(從http://like-button.tumblr.com/複製)的JavaScript與我的筆記搞混了。

莫非是可能的嗎?

這裏是類似按鈕的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。這是否可能導致問題?

謝謝!

回答

0

此代碼負荷增加而引發只能在類似按鈕的點擊,所以因爲我看到在每一個頁面加載的壞格式化我不得不得出結論,這個JavaScript不是問題。

我會看看CSS和HTML格式問題。有趣的是,it does not appear to be the HTML for the list itself

編輯:正是這種「一個reblog」類屬性,它是隻出現在你的破元素。進入Firebug或開發工具並刪除它,你會看到格式化被恢復。

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