javascript - 在某些宽度问题上删除类和属性

Question

所以，我有一个下拉菜单。之后，955（桌面）宽度下拉菜单使用javascript保持打开状态，我无法关闭它，这就是我想要的。这很好用，所以当在平板电脑上菜单关闭但可以在点击时打开，这也是我想要的。

当我将桌面上的屏幕宽度手动调整为平板电脑视图时，会出现问题，尽管它低于 955，但菜单保持打开状态并且我无法关闭它。请参阅此引导示例：http ://bootply.com/86605

function checkWidth(init) {
    if ($(window).width() > 955) {
        $( "li#add" ).addClass( "open" );
        $('#remove').removeAttr("data-toggle");
    }
}

$(document).ready(function() {
    checkWidth(true);

    $(window).resize(function() {
        checkWidth(false);
    });
}); 

Answer 1

    function checkWidth() {
        if ($(window).width() > 955) {
            $("li#add").addClass("open");
            $('#remove').removeAttr("data-toggle");
        } else if ($(window).width() < 955) {
            $("li#add").removeClass("open");
            $('#remove').attr("data-toggle","dropdown");
        }
    }

Answer 2

function checkWidth(init)
{/*If browser resized, check width again */
if ($(window).width() < 640) {
$('.second_menu_mid').addClass('rmm');
}else {if (!init) {  $('.second_menu_mid').removeClass('rmm');
} }}
$(document).ready(function() {
checkWidth(true);
$(window).resize(function() {
checkWidth(false);
});});  

Answer 3

我不确定“init”参数的用途，因为它似乎什么也没做，但您需要添加另一个条件并删除“open”类。

function checkWidth(init) {
    if ($(window).width() > 955) {
        $( "li#add" ).addClass( "open" );
        $('#remove').removeAttr("data-toggle");
    } else if($(window).width() < 955) {
        $( "li#add" ).removeClass( "open" );
    }
}