1

クラスを HTML5 DOM オブジェクトに追加するときに、今日問題が発生しています。これが初心者の質問である場合は申し訳ありません。:P 例:

<!DOCTYPE html>
<html>
    <head>
        <title>stackoverflow example</title>
        <style>
        .centercontent {
            width:100%;
            max-width:1080px;
            margin:0 auto;
        }
        </style>
    </head>
    <body>
        <header>
            <!-- All direct children of BODY should be centered on the page; however, children should not be added to .centercontent -->
            <h1>Site Name</h1>
        </header>
        <section>
            <p>Hello World</p>
        </section>
        <footer>
            &copy; no one 2012
        </footer>
    </body>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.j"></script>
    <script>
        $("body > *").addClass("centercontent");
    </script>
</html>

それは私のJSだと思います。ただし、addClass を使用したことはありません。皆様、お忙しい中ありがとうございました。：） 良い一日を過ごしてください！

4

2 に答える 2

3

簡単に書く

body > * {
    width:100%;
    max-width:1080px;
    margin:0 auto;
}

head セクションのストレート CSS ルールとして: jQuery の例を見ると、このタスクには実際には必要ないようです。

このセレクターは CSS ブロックでも有効であり、正常に動作します (IE<=6 では機能しません)。

于 2012-07-25T15:03:22.313 に答える
1

$(document).ready(function() {...});jquery でa を使用していません。これを試して：

$(document).ready(function() {
    $("body > *").addClass("centercontent");
});

また、スクリプト参照の最後に s がありません

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.j"></script>     // original
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>    // fixed
于 2012-07-25T15:03:20.813 に答える