Javascript 基于窗口宽度jquery执行函数的替代方法是什么？

我试图显示按钮和隐藏的东西时，宽度450，做开关的方式，隐藏按钮和显示的东西。用css代码隐藏和显示是没有问题的，但问题是一旦我在450屏幕中单击按钮，按钮将不会再次隐藏。我曾尝试将window.resize放在jquery中，它给了我奇怪的性能。单击“运行代码”查看它。谢谢

if（$（窗口）.width（）<450）{
var show_stuff=$（“#所有投票菜单”）；
变量按钮菜单=$（“#按钮”）；
$（按钮菜单）。在（'单击'，函数（）上）{
$（show_stuff）.show（400，'swing'）；
$（按钮菜单）.hide（）；
});
$（文档）.mouseup（函数（e）{
如果（！show_stuff.is（e.target）//如果单击的目标不是容器。。。
&&show_stuff.has（e.target）.length==0）/…或容器的后代
{	
$（show_stuff）.hide（400，'swing'）；
$（按钮菜单）.fadeIn（）；
}
});
}

#按钮{
显示：无；/*大于450px时隐藏*/
}
.所有投票菜单{
宽度：200px；
高度：200px；
背景：黄色；
}
@媒体屏幕和屏幕（最大宽度：450px）{
#钮扣{
display:block；/*show when您不需要if条件来验证窗口宽度，因为只有当窗口小于450px时才可以访问该按钮

去掉这个，它就工作了


jquery代码：

var show_stuff=$('#all_vote_menu');
var button_menu=$('#button');

        $(button_menu).on('click', function(){

            $(show_stuff).show(400,'swing');
            $(button_menu).hide();

        });

        $(document).mouseup(function (e){
        if (!show_stuff.is(e.target) // if the target of the click isn't the container...
            && show_stuff.has(e.target).length === 0) // ... nor a descendant of the container
        {   

            $(show_stuff).hide(400,'swing');
            $(button_menu).fadeIn();

        }
    });

您不需要if条件来验证窗口宽度，因为只有当窗口小于450px时才可以访问该按钮

去掉这个，它就工作了


jquery代码：

var show_stuff=$('#all_vote_menu');
var button_menu=$('#button');

        $(button_menu).on('click', function(){

            $(show_stuff).show(400,'swing');
            $(button_menu).hide();

        });

        $(document).mouseup(function (e){
        if (!show_stuff.is(e.target) // if the target of the click isn't the container...
            && show_stuff.has(e.target).length === 0) // ... nor a descendant of the container
        {   

            $(show_stuff).hide(400,'swing');
            $(button_menu).fadeIn();

        }
    });

您不需要if条件来验证窗口宽度，因为只有当窗口小于450px时才可以访问该按钮

去掉这个，它就工作了


jquery代码：

var show_stuff=$('#all_vote_menu');
var button_menu=$('#button');

        $(button_menu).on('click', function(){

            $(show_stuff).show(400,'swing');
            $(button_menu).hide();

        });

        $(document).mouseup(function (e){
        if (!show_stuff.is(e.target) // if the target of the click isn't the container...
            && show_stuff.has(e.target).length === 0) // ... nor a descendant of the container
        {   

            $(show_stuff).hide(400,'swing');
            $(button_menu).fadeIn();

        }
    });

您不需要if条件来验证窗口宽度，因为只有当窗口小于450px时才可以访问该按钮

去掉这个，它就工作了


jquery代码：

var show_stuff=$('#all_vote_menu');
var button_menu=$('#button');

        $(button_menu).on('click', function(){

            $(show_stuff).show(400,'swing');
            $(button_menu).hide();

        });

        $(document).mouseup(function (e){
        if (!show_stuff.is(e.target) // if the target of the click isn't the container...
            && show_stuff.has(e.target).length === 0) // ... nor a descendant of the container
        {   

            $(show_stuff).hide(400,'swing');
            $(button_menu).fadeIn();

        }
    });

去掉宽度检查
if（$（window）.width（）<450）{

如果正在进行显示，请在中添加检查

$(document).mouseup(function (e){
    if ($(window).width() >= 450 && !show_stuff.is(e.target) ...

去掉宽度检查
if（$（window）.width（）<450）{

如果正在进行显示，请在中添加检查

$(document).mouseup(function (e){
    if ($(window).width() >= 450 && !show_stuff.is(e.target) ...

去掉宽度检查
if（$（window）.width（）<450）{

如果正在进行显示，请在中添加检查

$(document).mouseup(function (e){
    if ($(window).width() >= 450 && !show_stuff.is(e.target) ...

去掉宽度检查
if（$（window）.width（）<450）{

如果正在进行显示，请在中添加检查

$(document).mouseup(function (e){
    if ($(window).width() >= 450 && !show_stuff.is(e.target) ...

取消宽度检查并始终添加事件。其他选项是收听“窗口大小调整”并添加/删除事件。我曾尝试取消宽度检查，但按钮将显示并隐藏所有宽度的内容。在显示内容的位置添加宽度检查取消宽度检查并始终添加事件。其他选项是侦听窗口调整大小并添加/删除事件。我曾尝试取消宽度检查，但随后按钮将显示并隐藏所有宽度的内容。在显示内容的位置添加宽度检查取消宽度检查并始终添加事件。其他选项是侦听窗口调整大小并添加/删除事件。我已尝试取消宽度检查，但随后按钮将显示并隐藏所有宽度的内容。在显示内容的位置添加宽度检查取消宽度检查并始终添加事件。其他选项是侦听窗口大小调整并添加/删除事件。我已尝试取消宽度检查，但是按钮将显示并隐藏所有宽度的内容。在显示内容的位置添加宽度检查谢谢您的时间，但是，按钮将显示所有宽度。如果>450，epascarello的回答将使按钮消失，尽管它需要刷新页面。但是，感谢您的时间，按钮将显示所有宽度。epascarello的回答将使按钮在>450时消失，尽管它需要刷新页面。感谢您的时间，但是，按钮将显示在所有宽度。epascarello的回答将使按钮在>450时消失，尽管它需要刷新页面。但是，感谢您的时间，按钮将显示在所有宽度。epascarello的回答将使如果>450，按钮就会消失，虽然需要刷新页面。谢谢你的时间，我将其更改为450，但是当我单击屏幕时，显示的内容感谢你的时间，我将其更改为450，但是当我单击屏幕时，显示的内容感谢你的时间，我将其更改为450，但是当我单击屏幕时，显示的内容感谢你的时间，我会更改我把它调到450，但当我点击屏幕时，屏幕上显示了这些东西