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-＆gt; 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;
    }
}

使用JQuery在DIV中动态添加和删除Ad-Code

1 个答案: