Question

我在jQuery中有这个非常简单的代码（我是一个初学者），我不知道为什么它不工作，即使我按照这本书做了：

    <!DOCTYPE html>
     <head>
     <script src="jquery-1.9.1.min.js"></script>
      <script>
        $( document ).ready(function() {
            $("#top").load("welcome.html");
                    $("#hyber").load("spring.html");
            $("#disc").load("csi232.html");
        });
          </script>
     </head>
     <body>
     <div id="container">
        <div id="top">
        </div>
        <div id="hyber">
        </div>
        <div id="disc">
        </div>
      </body>
      </html>

Answer 1

尝试更换

<script src="jquery-1.9.1.min.js"></script>

由此

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

直接从互联网导入图书馆。祝你好运！

Answer 2

1.你的代码中有一个错误，你忘了关闭id容器的div

2.使用.html（）替换.load（），所以代码将是这样的：

      <html>
      <head>
      <script src="https://code.jquery.com/jquery-1.11.1.js"></script>  
      <script>
     $(document).ready(function() {
        $("#top").html("welcome.html");
        $("#hyber").html("spring.html");
        $("#disc").html("csi232.html");
        });
          </script>
       </head>
       <body>
       <div id="container">
       <div id="top">
        </div>
        <div id="hyber">
        </div>
        <div id="disc">
        </div>
        </div>
        </body>
        </html>

为什么在jquery中加载不起作用

2 个答案: