0

あなたがここで見ることができるように、Tumblrに関する私のメモは正しく機能していません：http：//herrhansen.tumblr.com/post/19630628091（ページの下部）

変数{PostNotes}は通常、like-notesとreblog-notesをリストに入れると思います。しかし、CSSの影響を受けるのは「like-notes」だけで、「reblog-notes」は非常に奇妙に表示されるかのように、私のメモはどういうわけか分割されています。

tumblrのいいねボタン（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にあまり精通していません。問題を引き起こしている可能性がありますか？

ありがとう！

4

1 に答える 1

0

このコードは読み込み時に追加されますが、「いいね」ボタンをクリックしたときにのみトリガーされます。したがって、ページの読み込みごとにフォーマットが正しくないことがわかるため、このJavaScriptは問題ではないと結論付ける必要があります。

CSSとHTMLのフォーマットの問題に目を向けます。興味深いことに、それはリスト自体のHTMLではないようです。

編集：これは、壊れた要素にのみ存在するこの「reblog」クラス属性です。FirebugまたはDevToolsに移動して削除すると、フォーマットが復元されていることがわかります。

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