gpt4 book ai didi

javascript - 使用 jQuery 通过按钮加载 HTML 文件

转载 作者:可可西里 更新时间:2023-11-01 13:28:54 25 4
gpt4 key购买 nike

我试图在使用 jQuery 单击按钮时调用 HTML 文件。

这是我的 html 代码:

<!DOCTYPE html>
<head>

<title>Buttons</title>

<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/javascript" src="buttonscript.js">
</script>
</head>
<body>
<input type ="button" id="myButton" value="Click Here">

<div id="dictionary">
</div>
</body>
</html>

然后这是我的脚本:

$(document).ready(function(){
$('myButton').click(function(){
$('dictionary').load('a.html');
return false;
});
});

最佳答案

你的脚本有两处错误:

  1. 您没有使用正确的语法分配选择器;
  2. 您正在对外部文件使用文档就绪语法;

第一点已通过在 id 名称前使用 # 和在类名前使用 . 进行修复(请参阅下面的修复)。

document.ready() 函数应该包含在 html 本身中:它告诉 jquery 只有在 DOM 准备就绪时才运行脚本。将它包含在外部文件中将使 jQuery 检查外部文件上的 DOM 就绪,而不是在您要包含的文件上。因此,将您的脚本移动到 html 本身并稍微更改一下:

.

$(document).ready(function(){
$('#myButton').click(function(e){
// prevent page submit
e.preventDefault();
// load the page into #dictionary
$('#dictionary').load('a.html');
});
});

关于javascript - 使用 jQuery 通过按钮加载 HTML 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33186205/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com