首页 > 代码库 > 嵌套页面,点击分页刷新导致的界面问题

嵌套页面,点击分页刷新导致的界面问题

1.弹出框里面数据,是后台直接返回的一个页面,点击分页整个页面刷新,然后界面就乱了、、、、

技术分享

 点击分页后,界面如下

技术分享

2.分页代码

<ul class="pagination"><li class="active"><a href="http://www.mamicode.com/examinee/group/examinees?page=1" class="number current">1</a></li><li><a href="http://www.mamicode.com/examinee/group/examinees?page=2" class="number">2</a></li><li><a href="http://www.mamicode.com/examinee/group/examinees?page=2" class="n-page">下一页</a></li><li><span class="sum">共有3条</span></li></ul>

 

解决方法

.代码如下

    $("body").on("click", ".pagination a", function(){        $.ajax({            method: ‘get‘,            url: this.href,            success:function(data){                $(".modal-body").html(data);            }        })        return false;    });

 

嵌套页面,点击分页刷新导致的界面问题