0

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

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

其次，活动布局类型被列为主体类之一，并根据当时处于活动状态的类型而变化，例如我试图定位的类型是 .responsive-layout-narrow。

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

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

到目前为止，我根本无法让它工作，任何帮助将不胜感激。

谢谢

4

1 回答 1

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

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

于 2012-04-15T06:35:29.467 回答