JavaScript 代码错误:图像不显示

JavaScript code error: image doesn't show

本文关键字：显示 图像 代码 错误 JavaScript      更新时间：2023-09-26

我正在一个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 方面我仍然是一个新手。

有人能看到问题出在哪里吗？

你需要把你制作的字符串实际设置为内部html。您可以通过将内线更改为：

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

尝试：

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

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