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 文件,请确保按钮仅存在于表单之外,一切都会顺利进行(到目前为止)。

谢谢大家的帮助,我希望这对以后的人有所帮助。