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

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

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

---

我不确定'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" );
    }
}

函数检查宽度（init）{
如果（$（窗口）.width（）>955）{
$（“li#add”）.addClass（“open”）；
$（“#删除”）.removeAttr（“数据切换”）；
}else if（$（窗口）.width（）<955）{
$（“li#add”）.removeClass（“open”）；
}
}

函数检查宽度（）{
如果（$（窗口）.width（）>955）{
$（“li#add”）.addClass（“open”）；
$（“#删除”）.removeAttr（“数据切换”）；
}else if（$（窗口）.width（）<955）{
$（“li#add”）.removeClass（“open”）；
$（'#remove'）.attr（“数据切换”，“下拉”）；
}
}

函数检查宽度（初始）
{/*如果浏览器已调整大小，请再次检查宽度*/
如果（$（窗口）.width（）<640）{
$（'.second_menu_mid'）.addClass（'rmm'）；
}else{if（！init）{$（'.second_menu_mid'）.removeClass（'rmm'）；
} }}
$（文档）.ready（函数（）{
检查宽度（真）；
$（窗口）。调整大小（函数（）{
检查宽度（假）；
});});  

不过，我确实尝试过这样做，因为它不允许我在平板电脑上打开导航，因为它依赖于类“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" );
    }
}

    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");
        }
    }

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);
});});