JQuery加载动态内容错误

时间:2016-08-09 14:51:38

标签: javascript jquery ajax dynamic load

我想在索引中动态加载部分页面。 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> 

然后按下按钮重新加载。 表格无法动态加载?

1 个答案:

答案 0 :(得分:0)

我发现问题出在表格中的“按钮”和“输入类型按钮”上。就是这样。

如果您尝试加载html文件,请确保按钮仅存在于表单之外,并且一切都将顺利进行(到目前为止)。

谢谢大家的帮助,我希望将来可以帮助别人。