Question

我试图在div中加载HTML页面，但我一直在控制台中出错，并且不知道如何修复它。

<head>
     <script>
     $(document).ready( function() {
          $("#load_tekening").on("click", function() {
          $("#tekening").load("tekening.html");
          });

          $("#load_vlieg").on("click", function() {
          $("#vlieg").load("vlieg.html");
          });
     });
     </script>
</head>
<body>

     <ul>
          <li><a href="#" id="load_tekening">Tekening</a></li>
          <li><a href="#" id="load_vlieg">Vlieg</a></li>
          <li><a href="#">Kaars</a></li>
     </ul>

     <div id="tekening">        
     </div>

     <div id="vlieg">        
     </div>                            
</body>

所以，当我点击链接时，我收到此错误：

XMLHttpRequest无法加载文件：///Users/****/Documents/IMD%20-%20Thomas%20More/SEMESTER%202/Animatie/PORTFOLIO/vlieg.html。收到无效回复。起源＆＃39; null＆＃39;因此是不允许的访问。

Answer 1

<script>
     $(document).ready( function() {
          $("#load_tekening").click(function() {
          $("#tekening").load("tekening.html");
          });

          $("#load_vlieg").click(function() {
          $("#vlieg").load("vlieg.html");
          });
     });
     </script>

请使用上面的代码。'在'不支持最新的jquery版

在div中加载html页面

1 个答案: