2016-08-03 5 views
2

Javery経由でdivを表示して非表示にしています。 Javascriptがブラウザで無効になっている場合、デフォルトでそのDIVを表示する方法はありますか?ブラウザでJavascriptが無効になっている場合、デフォルトでDIVを表示するには

+0

あなたはcssが何であるか知っていますか? – madalinivascu

+0

CSSでデフォルトで非表示にしないでください。 –

+5

マークアップで可視にし、javascriptで非表示にします。したがって、jsが無効になっている場合に表示されます。 –

答えて

4

JSコードでそのdivを削除/非表示にするだけです。何のJSが有効にされていない場合は、コードよりも実行されません:あなたは代わりに隠れているの特定のdivショーを作るために<noscript>ブロックと使用内部いくつかのCSSを使用することができます

$('.fallback').remove();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="fallback">Fallback if no JS</div>

0

。次のコードでは、JavaScriptを無効にテストされており、divが適切に示しますが、Javascriptを有効にする必要が隠されている:

<noscript> 
    <div> 
     Javascript is disabled. 
    </div> 
</noscript> 

の場合:

#hiddenID { 
 
    display: none; 
 
}
<div id="hiddenID">test</div> 
 
<noscript> 
 
    <style> 
 
    #hiddenID { 
 
     display: block; 
 
    } 
 
    </style> 
 
</noscript>

0

<noscript>タグありjavascriptが有効になっていると、divは表示されません。

さらにhere

0

<noscript></noscript>タグを使用すると、ブラウザでJavaScriptが無効になっている場合に何かを表示できます。

関連する問題