javascript - 无法在 html 中使用 JavaScript 页面加载功能

Question

我想在单击侧边栏中的菜单之一时加载新页面。但 JavaScript 加载功能不起作用。

$(document).ready(function(){
  $( 'button' ).click(function() {
    $('#load').load('page1.html');
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="load"></div>
<button>Click to load a new page</button>

请需要帮助。

Answer 1

您的 Jquery 代码是正确的。检查控制台错误，我认为找不到您的page1.html。

因此，设置正确的 page1.html 文件路径。

如果 Page1.html 路径正确，请尝试此操作。它在 chrome 中对我有用。

$(function() {
    $( 'button' ).on('click', function() {
        $('#load').load('page1.html');
    });
});

HTML 代码。

<div id="load"></div>
<button>Click me</button>