JQuery 加载动态内容错误
JQuery Loading dynamic content error
我想在我的索引中动态加载部分页面。 load() 和 ajax 工作但是当我点击我加载的代码中的一个按钮时(即使完全是空的并且没有目的),页面完全重新加载!
这是什么原因造成的?我搜索了几个小时,但在互联网上对此一无所知。我搜索错了吗?还是做错了什么?
我使用了这个代码:
$(document).ready(function() {
$('#example').click(function() {
$("#dynamic").load("register.php #nicediv");
});
});
然后我使用了这个代码:
$('#clickit2').click(function() {
$.ajax({
url: "register.php",
success: function(data){
$( "#dynamic" ).html(data);
},
});
});
同样的结果。请帮助:(
编辑:
我发现问题出在表格上。
如果register.php是这样的:
<form>
<button>push me</button>
</form>
然后如果我按下按钮它会重新加载。
那表单就不能动态加载了?
我发现问题出在表单中的 "buttons" 和 "input type buttons" 上。就是这样。
如果您尝试加载 html 文件,请确保按钮仅存在于表单之外,一切都会顺利进行(到目前为止)。
谢谢大家的帮助,我希望这对以后的人有所帮助。
我想在我的索引中动态加载部分页面。 load() 和 ajax 工作但是当我点击我加载的代码中的一个按钮时(即使完全是空的并且没有目的),页面完全重新加载!
这是什么原因造成的?我搜索了几个小时,但在互联网上对此一无所知。我搜索错了吗?还是做错了什么?
我使用了这个代码:
$(document).ready(function() {
$('#example').click(function() {
$("#dynamic").load("register.php #nicediv");
});
});
然后我使用了这个代码:
$('#clickit2').click(function() {
$.ajax({
url: "register.php",
success: function(data){
$( "#dynamic" ).html(data);
},
});
});
同样的结果。请帮助:(
编辑: 我发现问题出在表格上。
如果register.php是这样的:
<form>
<button>push me</button>
</form>
然后如果我按下按钮它会重新加载。 那表单就不能动态加载了?
我发现问题出在表单中的 "buttons" 和 "input type buttons" 上。就是这样。
如果您尝试加载 html 文件,请确保按钮仅存在于表单之外,一切都会顺利进行(到目前为止)。
谢谢大家的帮助,我希望这对以后的人有所帮助。