6

以下脚本在一个 div 中，这有关系吗？因为它不起作用。语法对吗？我需要告诉 jquery 先在 DOM 中升级吗？我该怎么做？

        $(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

我了解到您正在查看 html 源代码以检查您添加的正文类。使用 javascript 进行的 DOM 操作在源代码中是不可见的，但您可以使用浏览器中的开发人员工具进行检查（Chrome、Firefox 和 IE 都有）。

于 2012-11-12T12:54:45.850 回答
1

您的代码完全正确，因为$('body')将搜索整个 DOM

于 2012-11-12T12:48:51.633 回答
1

脚本没问题。Diary类将适用于身体。你能分享你的日记课吗，请检查jQuery是否正确加载，使用任何开发工具，如 firebug。

在您的页面中添加 jQuery 文件，如下所示，其中 Scripts 是文件夹并且jQuery.js是 jQuery 文件。如果您已经将其包含在您的页面中，请使用任何开发人员工具检查它是否正确加载。

<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 回答