Question

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

当我首先在Omega中查看HTML输出时，我发现了两件事，它使用'grid - （$）'来确定div区域的大小。

其次，活动布局类型被列为一个主体类，并根据当时活动的类型进行更改，例如我要尝试定位的是.responsive-layout-narrow。

我对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');
}

另外，小心混合单引号和双引号，这是一种危险的习惯。

根据正文中的类更改div类

1 个答案: