자바 스크립트 코드 오류 : 이미지가 나는 워드 프레스 사이트 작업입니다

Question

을 표시하지 않고 내 자바 스크립트 파일에 다음 코드를 배치 한 :

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

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

... 그리고 내 HTML에 다음 코드를 넣어 ...

기본적으로 사용자가 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>"); 
    } 
} 

당신은에 내부 라인을 변경하여 문제를 해결할 수 있습니다