javascript - JavaScriptコードエラー：画像が表示されない

Question

私はWordPressサイトで作業しており、JavaScriptファイルに次のコードを配置しました。

function blockAdblockUser() {
    if ($('.sideAd').height() == 0) {
        "<a href='http://google.com' target='_blank'><img src='image.png' /></a>";
    }
}

$(document).ready(function(){
    blockAdblockUser();
});

...そして私は私のhtmlに次のコードを入れました...

<section class="sideAd">
    <!-- google ad script here -->
</section>

基本的に、ユーザーがAdBlockで広告をブロックしている場合に、代替画像を表示しようとしています。ただし、AdBlockをオンにすると、画像は表示されません。この行の書き方に何か問題があると思います。JavaScriptに関しては"<a href='http://google.com' target='_blank'><img src='image.png' /></a>";まだ初心者です。

誰かが問題がどこにあるかを見ることができますか？

Answer 1

作成した文字列を取得して、実際に内部htmlとして設定する必要があります。内側の線を次のように変更することで修正できます。

$('.sideAd').html("<a href='http://google.com' target='_blank'><img src='image.png' /></a>");

Answer 2

試す：

function blockAdblockUser() {
    if ($('.sideAd').html() == "") {
        $('.sideAd').append("<a href='http://google.com' target='_blank'><img src='image.png' /></a>");
    }
}

Answer 3

function blockAdblockUser() {
    if ($('.sideAd').contents().length) {
        $('.sideAd').append("<a href='http://google.com' target='_blank'><img src='image.png' /></a>");
    }
}