JQueryを使用してDIVで広告コードを動的に追加および削除する

Question

私はデスクトップビューのサイドバーにのサイドバーを作成したいと考えていますが、モバイルビューでサイズを変更したり、除去された。次のように

私は何をしようとしたことは次のとおりです。

if($(window).width() > 479) 
    { 
     $('.reccommended_box').text(
       '<div class="sidebar-ad">' 
       + {!! $domain->code4 !!} 
       +'</div>' 
     ); 
    }else 
    { 
     $('.sidebar-ad').remove(); 
    } 

$(window).resize(function() { 
     if($(window).width() <= 479) 
     { 
      $('.sidebar-ad').remove(); 
     }else 
     { 
      $('.reccommended_box').text(
        '<div class="sidebar-ad">' 
        + '{!! $domain->code4 !!}' 
        +'</div>' 
      ); 
     } 
    }); 

{!! $ domain-> code4 !!}は、データベースからの動的広告コードです。

<div class="reccommended_box"> 
    <span class="sidebar-ad"> 

    </span> 
</div> 

コードが表示されているが、正常に動作しない、次のよう サイドバーです。

次のように広告コードのフォーマットは次のとおりです。

<div id="taboola-right-rail-article-thumbnails"></div> 
<script type="text/javascript"> 
    window._taboola = window._taboola || []; 
    _taboola.push({ 
    mode: 'thumbnails-rr', 
    container: 'taboola-right-rail-article-thumbnails', 
    placement: 'Right Rail Article Thumbnails', 
    target_type: 'mix' 
    }); 
</script> 
<div id="contentad192237"></div> 
<script type="text/javascript"> 
    (function(d) { 
     var params = 
     { 
      id: "xxx", 
      d: "xxx", 
      wid: "xxx", 
      cb: (new Date()).getTime() 
     }; 

     var qs=[]; 
     for(var key in params) qs.push(key+'='+encodeURIComponent(params[key])); 
     var s = d.createElement('script');s.type='text/javascript';s.async=true; 
     var p = 'https:' == document.location.protocol ? 'https' : 'http'; 
     s.src = p + "://api.content.ad/Scripts/widget2.aspx?" + qs.join('&'); 
     d.getElementById("contentad192237").appendChild(s); 
    })(document); 
</script> 

Answer 1

あなたが簡単にCSSでこれを行うことができます。

@media (min-width: 480px) { 
    .sidebar-ad { 
     display: none; 
    } 
}