7

modernizr を自分の Web サイトで動作させることができないようです。JavaScriptファイルをフォルダーに追加して呼び出しました。また、no-js を html に追加しましたが、まだ何も追加していません。

ソースを表示すると、必要なように html が読み込まれません。

私はまだcss3要素に使用していないので、フォールバックスタイルは必要ありません。ヘッダー、ナビゲーション、フッターなどのより意味のあるタグを使用できるようにしたいだけです...

これは私の文書コードです:

<!DOCTYPE html>

<html class="no-js" lang="en">
<head>
    <meta charset=utf-8>
    <title></title>
    <!--[if IE]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js">
    </script>
    <![endif]-->

    <script type="text/javascript" src="/js/modernizr-1.7.min.js"></script>
4

4 に答える 4

10

自分でこの問題に遭遇しました。実行時に必ずページを表示してください。ページのソースを表示すると、js 呼び出しは実行されず、no-js は置き換えられません。Chrome を使用している場合は、要素インスペクタを使用してください。

于 2012-07-20T01:02:07.583 に答える
5

ほとんどの場合、パスの問題です。とりあえず交換してみる

<script type="text/javascript" src="/js/modernizr-1.7.min.js"></script>

<script type="text/javascript" src="http://ajax.cdnjs.com/ajax/libs/modernizr/1.7/modernizr-1.7.min.js"></script>

または、機能している可能性がありますが、明らかではありません。ソースを表示しても Modernizr クラスは表示されないことに注意してください。実際に post-javascript コードを検査するには、FF の Firebug や Chrome の Developer Tools などのツールが必要です。

追加のテストでは、次のようなことを行います...

.borderradius body {
  background: #c00;
}

背景が赤の場合は、Modernizr が実行されています。

于 2011-05-17T10:32:40.547 に答える
0

ここにはスタイルがありませんが、HTML5 要素を display: block として定義していない可能性がありますか? Modernizr は単独でそれを行うわけではないため、CSS に追加しないと、期待する結果が得られません。

于 2012-07-17T20:24:50.367 に答える