无法在html中使用JavaScript页面加载功能
无法在html中使用JavaScript页面加载功能
提问于 2018-01-03 12:08:03
当我点击侧边栏中的一个菜单时，我想加载一个新页面。但是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>
请帮帮忙。
回答 5
Stack Overflow用户
发布于 2018-01-03 12:23:56
Jquery代码是正确的。签入console error我想找不到你的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>Stack Overflow用户
发布于 2018-01-03 12:17:19
我已经将javascript代码移到了页面的末尾，它可以工作了：
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>load demo</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
</head>
<body>
<div id="load"></div>
<button>Click to load a new page</button>
<script>
$('button').click(function() {
$('#load').load('page1.html');
});
</script>
</body>
</html>Stack Overflow用户
发布于 2018-01-03 12:17:53
尝尝这个
$(document).ready(function(){
$( 'button' ).on('click', function() {
$('#load').load('page1.html');
});
});将按钮类型按钮添加到按钮标签
<button type="button">Click to load a new page</button>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/48071027
复制相关文章
相似问题
腾讯云开发者
