使用JQuery在DIV中动态添加和删除广告代码

Add and Remove Ad-Code dynamically in DIV with JQuery

本文关键字：删除 代码 添加 动态 JQuery DIV 使用      更新时间：2023-09-28

我想在桌面视图的侧边栏上有广告代码，但当我们将其调整为移动视图或在移动视图上打开时，广告代码应该被删除。

我试过的如下：

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>

使用CSS:可以轻松做到这一点

@media (min-width: 480px) {
    .sidebar-ad {
        display: none;
    }
}
相关文章：