Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
按宽度打开的Javascript切换_Javascript_Html_Css - Fatal编程技术网

按宽度打开的Javascript切换

按宽度打开的Javascript切换,javascript,html,css,Javascript,Html,Css,实际上,我有一个简单的/标准切换系统,我对Javascript的了解是0,我想要的是,如果宽度最小为700px,那么每次打开标准切换系统。如果桌面/媒体宽度最小为700px,我只需要该功能,所以请保持打开状态 $("#menu-toggle").click(function(e) { e.preventDefault(); $("#wrapper").toggleClass("toggled"); }); 我的错!之前代码中的语法错误这是正确的方法 <script>

实际上,我有一个简单的/标准切换系统,我对Javascript的了解是0,我想要的是,如果宽度最小为700px,那么每次打开标准切换系统。如果桌面/媒体宽度最小为700px,我只需要该功能,所以请保持打开状态

$("#menu-toggle").click(function(e) {
    e.preventDefault();
    $("#wrapper").toggleClass("toggled");
});

我的错!之前代码中的语法错误这是正确的方法

<script>
$("#menu-toggle").click(function(e) {
    e.preventDefault();
    $("#wrapper").toggleClass("toggled");
});

function resize() {
    if ($(window).width() > 614) {
     $('#wrapper').removeClass('toggled');
    }
}

$(document).ready( function() {
    $(window).resize(resize);
    resize();
});
</script>

$(“#菜单切换”)。单击(功能(e){
e、 预防默认值();
$(“#包装器”).toggleClass(“toggled”);
});
函数resize(){
如果($(窗口).width()>614){
$('#wrapper').removeClass('toggled');
}
}
$(文档).ready(函数(){
$(窗口)。调整大小(调整大小);
调整大小();
});

在这个网站上,你应该尝试自己编写代码。之后,如果你有问题,你可以张贴你已经尝试了一个明确的解释什么是不工作,并提供一个解决方案。我建议你读一个好的问题和答案。另外,请务必阅读。我们需要更多的上下文。我会这样做:`if($(“#wrapper”).width()>800{$(“#wrapper”).removeClass(“toggled”)}`