0

Drupal Omega HTML5 スターターキット テーマを使用しており、ブロック セクションを削除してから、コンテンツ領域を拡張して余分なスペースを埋めようとしています。

Omega で最初に HTML 出力を調べたときに、「grid-($)」を使用して div 領域のサイズを決定すると、2 つのことがわかりました。

次に、アクティブなレイアウト タイプがボディ クラスの 1 つとしてリストされ、その時点でアクティブなレイアウトに応じて変化します。たとえば、ターゲットにしようとしているのは .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 に答える