6

次のスクリプトは div 内にありますが、これは問題ですか? うまくいかないので。構文は正しいですか？最初にDOMのレベルを上げるようにjqueryに指示する必要がありますか? どうすればいいですか？

        $(document).ready(function() {
          $('body').addClass('diary');
        });

みんなありがとう。

HTML の関連セクションは次のとおりです。

<body>


  <header>
    <div class="logo">
      <a href=""></a>
    </div>  
    <nav class="main-nav">
      <a class="first" href="http://www.adrianwaddingham.com">HOME</a>
      <a class="second" href="/sheriff">SHERIFF</a>
      <a class="third" href="/biography">BIOGRAPHY</a>
      <a class="fourth" href="/contact">CONTACT</a>     
      <a class="fifth" href="/diary">DIARY</a>     

    </nav>

  </header>

<script>
        $(document).ready(function() {
          $('body').addClass('diary');
        });    
</script>


<section class="copy-main">
  <article>
4

4 に答える 4

3

追加した body クラスを確認するために html ソースを表示されているとのことですが、javascript による DOM 操作はソース コードでは表示されませんが、ブラウザーの開発者ツールで確認できます (Chrome、Firefox、IE には 1 つあります)。

于 2012-11-12T12:54:45.850 に答える
1

スクリプトに問題はありません。Diaryクラスは体に適用されます。jQuery日記のクラスを共有して、正しく読み込まれていることを確認してください。firebugなどの開発ツールを使用してください。

スクリプトがフォルダであり、jQueryファイルである場合のように、ページにjQueryファイルを追加しjQuery.jsます。これをページにすでに含めている場合は、開発者ツールで正しく読み込まれていることを確認してください。

<script src="Scripts/jQuery.js" type="text/javascript"></script>

またはCDNから追加

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
于 2012-11-12T12:51:14.487 に答える
1

あなたのコードは問題ないようです。ここをチェックしてください、http://jsfiddle.net/muthkum/P5uS2/。FireBug または Chrome Inspector を使用して<body>タグを確認します。

jqueryファイルが含まれていることを確認してください。

于 2012-11-12T12:53:28.097 に答える
1

$('body')DOM全体を検索するため、コードは完全に正しいです

于 2012-11-12T12:48:51.633 に答える