0

ホームページに、JavaScriptが無効になっている場合に完全に非表示になるように設定したスライダーがあります。JavaScriptが有効になっている場合に、注目のスライダーを表示するスクリプトがありました。

    document.write('<style type="text/css">#JQuerySlider1Container{ display: block !important;}</style>');

どうやらそのコードはW3Cによれば有効ではありません。（それはうまくいったので、これは完全に残念です）。

気に入った別のコードを見つけましたが、スライダーを表示するには！importantが必要です。

document.getElementById('JQuerySlider1Container').style.display='block !important';

ただし、！importantでは機能しません。誰かがこの問題の簡単な解決策を持っていますか？

4

1 に答える 1

1

JSを使用してCSSを追加するのは良い習慣ではありません。HTML、JS、CSSはすべて完全に分離しておく必要があります。

JSを使用して表示/非表示にする方法は、デフォルトでは、CSSを使用して非表示にするオブジェクトを非表示にすることです。例：

#JQuerySlider1Container {display:none;}

JSで、次のようなものを使用して、ボディにクラスを追加します。

$(function() {
    $('body').addClass('has-js');
});

次に、JSが有効になっていることを知っている特定のCSSルールを記述できます。例：

.has-js #JQuerySlider1Container {display:block;}
于 2013-03-08T11:35:06.163 に答える