0

以前に一時的に表示されていた Div に問題があり、スライドして表示されます。

JavaScript が使用できない場合は Div が表示され、JavaScript が使用可能な場合は非表示になります。私はcssとjavascriptを使用しています。

.no-js .show {
    display:block
}

$('body').removeClass('no-js').addClass('js-ok');

ただし、divを表示するだけでなく、スライドさせたいと思います。コードは次のとおりです。

$('#site-cookie-notice').slideDown();

その結果、div は非表示になる前に (css を介して) 一時的に表示され、JavaScript で再表示されます。

これをどのように回避できるかについてのアイデアはありますか?

4

2 に答える 2

1

doc.ready を使用していると思いますか? no-jsModernizr がhead 内のクラスを置き換えるのと同じように、ブロッキング JS を使用する必要があります。そうすれば、最初にレンダリングされるときに非表示になります。Modernizr は次のように実行しheadます。

var docElement = document.documentElement;
docElement.className = docElement.className.replace('no-js', 'js-ok');
于 2013-10-11T11:13:10.800 に答える