javascript - 在调用之前从 div 中删除广告标签

Question

我正在尝试组合一个响应式设计，其中某些广告调用不会在给定的媒体查询中使用。

建议的一种方法是将广告调用放在 div 中，然后如果 window.matchMedia 是给定的大小，则使用 jquery 删除 div 的内容（广告调用）。

所以我把这个小提琴放在一起作为概念证明，但是，正如你所看到的，广告无论如何都会被调用。在这里，我根本没有解决媒体查询，只是试图阻止广告调用。

任何人都知道我可以如何实现这一点，或者这个想法有缺陷并且有更好的方法。

Answer 1

为什么不让广告调用正常触发，然后针对特定媒体查询在容器 div 上设置 display:none：

@media only screen and (min-width:0px) and (max-width:319px) { 

.the-ad-i-want-to-hide {display:none;}

}