Javascript 使用jquery for mobile删除div

希望这不是另一个问题的重复

当我的屏幕分辨率低于一定数量的像素或移动设备时，我想删除浮动社交按钮共享器

主要原因是它不会在谷歌页面速度上加载和减慢我的移动页面速度

我在头脑中输入了以下代码

<script type="text/javascript">
    $(document).ready(function() {
        var screen = $(window)
        if (window.innerWidth < 1280) {
            $("#legacy-social-bar").remove();
        }
    } else {
        $("#legacy-social-bar").show();
    }
    });

    //run on document load and on window resize
    $(document).ready(function() {
        //on load
        hideDiv();
        //on resize
        $(window).resize(function() {
            hideDiv();
        });
    });
</script>

$（文档）.ready（函数（）{
变量屏幕=$（窗口）
如果（窗内宽度<1280）{
$（“#传统社交酒吧”）.remove（）；
}
}否则{
$（“#传统社交酒吧”）.show（）；
}
});
//在加载文档和调整窗口大小时运行
$（文档）.ready（函数（）{
//装载
hideDiv（）；
//关于调整大小
$（窗口）。调整大小（函数（）{
hideDiv（）；
});
});

知道我哪里出错了吗

div id和class是#legacy social bar

---

谢谢

您的if-else块过早关闭，您有一个额外的

}

您的

屏幕

变量似乎未使用，您可以使用其中的innerWidth：

 $(document).ready(function() {
        var screen = $(window);
        if (screen.innerWidth() < 1280) {
            $("#legacy-social-bar").remove();            
        } else {
           $("#legacy-social-bar").show();
        }
    });

$（文档）.ready（函数（）{
变量屏幕=$（窗口）；
if（screen.innerWidth（）<1280）{
$（“#传统社交酒吧”）.remove（）；
}否则{
$（“#传统社交酒吧”）.show（）；
}
});

您可能不想删除div，而是想隐藏它

$(document).ready(function() {
    var screen = $(window)
    if (screen.innerWidth < 1280) {
        $("#legacy-social-bar").hide();
    } else {
        $("#legacy-social-bar").show();
    }
});

$（文档）.ready（函数（）{
变量屏幕=$（窗口）
如果（屏幕宽度<1280）{
$（“#传统社交酒吧”）.hide（）；
}否则{
$（“#传统社交酒吧”）.show（）；
}
});

---

另外，if-else上的括号似乎有点不正确。

我认为您发布的代码存在某种语法问题。您是否试图隐藏div<代码>$（“#传统社交栏”）.hide（）？？？你好，雷吉思。我想删除它，因为它会减慢我网站的移动版本。我有另一个手机verison的社交插件。谢谢-这里似乎不起作用。当我重新调整屏幕并重新加载它时，代码仍然显示在HTML中。。。是不是因为缺少调整屏幕大小的代码…，谢谢。就我所知，隐藏它仍然会加载代码并降低页面速度？我已经在用CSS隐藏它了。。