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 后，图像不会显示。我在想我写这行的方式有问题，"<a href='http://google.com' target='_blank'><img src='image.png' /></a>";当谈到 JavaScript 时，我还是个新手。

谁能看出问题出在哪里？

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>");
    }
}