根据主体中的类更改div类

Question

我正在使用Drupal Omega HTML5 starterkit主题，并尝试删除一个块部分，然后使内容区域扩展以填充额外的空间。

当我第一次在Omega中查看HTML输出时，我发现了两件事，它使用'grid-($)‘来确定div区域的大小。

其次，活动布局类型被列为body类之一，并根据当时处于活动状态的类型而变化，例如，我尝试针对的类型是.responding- layout -窄。

我对JQuery比较陌生，但作为起点，我尝试编写以下脚本

$(document).ready(function(){
    $("body").hasClass("responsive-layout-narrow"){
        $('#region-content').removeClass('grid-6').addClass('grid-8');
    }
}

到目前为止，我还不能让它工作，任何帮助都将不胜感激。

谢谢

Answer 1

这里需要一条if语句，因为hasClass()返回一个布尔值：

if ($('body').hasClass('responsive-layout-narrow')) {
    $('#region-content').removeClass('grid-6').addClass('grid-8');
}

您也可以使用更短的is()：

if ($('body').is('.responsive-layout-narrow')) { // Notice the `.`
    $('#region-content').removeClass('grid-6').addClass('grid-8');
}

另外，要注意混合使用单引号和双引号，这是一个危险的习惯。