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

JavaScript代码错误：图片未显示

3 个答案: