javascript - 摆脱 DOM 中的 div
问题描述
我在处理媒体查询时遇到了一些问题。当屏幕宽度小于 768px 时,一些内容应该会消失。确实如此。显示器上没有内容,但如果我查看 DOM,内容仍然存在。
我是如何试图摆脱这个的:
@media screen and (max-width: 768px) {
.left {
display: none;
}
}
我的想法是: JS 代码应该解析当前的显示分辨率,如果它达到 768px 的宽度,则删除内容。
我不确定我的想法是否正确。您能否解释一下(甚至显示代码)如何删除此内容。
这是html模板:
<template>
<div class="left">
<div class="container">
<div class="left__row" v-if="ListSearch.length">
<LeftSideItem
v-for="item in ListSearch"
v-bind:item="item"
v-on:delete-item="deleteItem"
/>
</div>
<div class="left__empty" v-else>
<p >No search history</p>
</div>
</div>
</div>
</template>
解决方案
尝试这个:
$(document).ready(function() {
if ($(window).width() < 768) {
$('.left').remove();
}
});
推荐阅读
- python - 如何修复 Raspberry Pi 4 上的 fontconfig 错误
- css - 使用重置样式表而不是 all:unset 有什么好处?
- python - Python 3 - 余弦问题
- git - pip install_requires 从 git 存储库克隆,但缺少存储库内容
- r - as.Date 不会出错
- amazon-web-services - Aurora 无服务器冷却时间缩减
- c# - 如何创建 gRPC ContextPropagationToken
- java - 为什么我执行请求时出现 NullPointerException?
- ag-grid - 上下文菜单需要时间来加载,并且没有显示加载详细信息的选项
- python - 如何在 Kivy 屏幕小部件中初始化实例