0

Stackoverflowメンバーは、Bloggerサイトの投稿に最初の「/ a」が表示された直後に関数の使用を呼び出すJavaScriptコードを提供してくれました。基本的には、投稿の開始画像のすぐ下に広告ボックスを挿入して、記事の左側。

問題は、JavaScriptコードを本文のすぐ下、divタグの後に挿入した場合にのみ機能することです。

エンドヘッドの真上など、他の場所にJavaScriptコードを追加すると、機能しません。

現状では、すべてのブラウザで広告/ボックス（XXXXXXのマークが付いている）が常に読み込まれるとは限りません。また、読み込まれるブラウザでは、読み込みに時間がかかります。

私はいろいろなことを試しましたが、それを解決することはできませんでした。助けていただければ幸いです。

私に与えられたコードは次のとおりです。

 <div id="payload" class="left">
XXXXXXXX
</div>

<div id="target">
Content within the target.
</div>

<data:post.body/><div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<script type='text/javascript'>
function insertAfter(addition,target) {
var parent = target.parentNode;

if (parent.lastChild == target) {
    parent.appendChild(addition);  
} else {
    parent.insertBefore(addition,target.nextSibling);
}
}

var payload = document.getElementById("payload");
var target = document.getElementById("target");

var anchors = target.getElementsByTagName("a");

if (anchors.length > 0) {
insertAfter(payload,anchors[0]);
}
</script>
4

1 に答える 1

0

jqueryの使用が許可されている場合は、頭に書くことができます

 $(function() {
     $("#payload").after($("#target").find("a").first());
 });
于 2012-10-23T14:10:08.213 に答える