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

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

点击分页后,界面如下

2.分页代码

<ul class="pagination">
<li class="active"><a href="/examinee/group/examinees?page=1" class="number current">1</a></li>
<li><a href="/examinee/group/examinees?page=2" class="number">2</a></li>
<li><a href="/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;
    });
时间: 2024-11-07 11:05:09

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

Fragment嵌套带来的坑--页面点击无反应(顺带ViewPager之 FragmentPagerAdapter简单分析)

接手别人的老项目.新版本测试提出一个bug: 点击Home最小化的应用->系统设置界面 改变字体后->点击进入应用->3个由viewpager 的fragmentadapter管理的 tab页面点击都没反应. 这是一个比较蛋疼的bug,猜想了很多原因,都不对. 项目的结构是 activity 内有mainfragment,mainfragment又 包含viewpager,viewpager 使用FragmentPagerAdapter 管理3个页面.所以是 activity套2层fra

AngularJS进阶(二十八)解决AngualrJS页面刷新导致异常显示问题

解决AngualrJS页面刷新导致异常显示问题 绪 俗话说,细节决定成败,编程亦是如此.编程过程中我们可能会不自觉的忽视一些细节问题,殊不知,这些细节正是导致页面显示出现问题的地方.今略举一例,与君共勉之. 页面正常加载后,显示如下: 按F5刷新之后,页面如下所示: 很明显,页面显示出现了异常.回过头再看看Chrome的错误提示, 具体代码如下: 正是以上代码导致了错误的发生. 追根溯源 让我们回顾一下,错误到底是如何发生的.正常加载情况下,页面正常显示很容易理解,程序是按照既定的数据流走的.但

默认加载数据分页,点击分页后再次异步数据

一.前言 现在主流的分页插件很多是一次性把数据加载完成,再本地分页,切换时候是Tab效果,数据量大or网络不通畅的时候,就会很卡影响加载效果. 实现每页加载固定条数及点击分页再次请求数据,假设共100条数据,一页10条的话共10页.需要后端配合每页显示全部的条数及每页条数. 二.后端数据 根据pageNum=1查询,返回json数据 count数据总数 pageNum 第一页 pageSize 每页10条 三.代码 分页代码: function(e) { function s() { this.

Android中使用ListView实现分页刷新(线程休眠模拟)

当要显示的数据过多时,为了更好的提升用户感知,在很多APP中都会使用分页刷新显示,比如浏览新闻,向下滑动到当前ListView的最后一条信息(item)时,会提示刷新加载,然后加载更新后的内容.此过程大致分以下几步: 1.当前Activity implements OnScallListenner: 2.实现接口的方法: 3.ListView注册滚动监听: 4. Adapter(自定义或者安卓自带)为每个item填充数据: 5.获得第二页以后的数据后,adater增加数据并刷新notifyDat

PHP和JS页面跳转和刷新总结

PHP 页面跳转: // 只是跳转,所以一定要用die();或者exit;终止下一步操作; header('location:index.php'); exit; // 等待3秒,跳转并刷新 header('refresh:3; url=index.php'); JS 页面跳转: location.href='index.php'; // 后退+刷新(原表单的内容会丢失) location.go(-1); // 后退,不刷新(原表单的内容会保留) location.back(-1); // 刷新

关于jui框架的java web分页刷新功能实现!

jsp页面部分代码: 头部: 1 <%@ page language="java" contentType="text/html; charset=UTF-8" 2 pageEncoding="UTF-8"%> 3 4 <%@ taglib prefix="s" uri="/struts-tags"%> 5 <%@ page isELIgnored="false&qu

Android中使用ListView实现分页刷新(线程休眠模拟)(滑动加载列表)

当要显示的数据过多时,为了更好的提升用户感知,在很多APP中都会使用分页刷新显示,比如浏览新闻,向下滑动到当前ListView的最后一条信息(item)时,会提示刷新加载,然后加载更新后的内容.此过程大致分以下几步: 1.当前Activity implements OnScallListenner: 2.实现接口的方法: 3.ListView注册滚动监听: 4. Adapter(自定义或者安卓自带)为每个item填充数据: 5.获得第二页以后的数据后,adater增加数据并刷新notifyDat

关于 yii 验证码显示, 但点击不能刷新的处理

先说说 render 与 renderPartial, 各位看官, 先别走, 我没跑题, 这个问题如果需要解决, 关键就在 render 与 renderPartial 的区别. renderPartial() 方法 public string renderPartial(string $view, array $data=NULL, boolean $return=false, boolean $processOutput=false) $view string name of the vie

easyui datagrid 的分页刷新按钮

datagrid  刷新bug: 情形: 当用户A,B  同时操作 datagrid时(记录1,记录2.记录3).如果A如果删除记录1,  B此时已选中了记录1 ,记录2 , 这时B点击分页中的刷新按钮后,记录1不可见.但是getchecked  会发现选中的是2条记录(记录1 记录2 ) ,而不是一条记录2. 一种办法: 再点击刷新按钮的时候.清除所有选中的行. easyui ui 1.4.2 jquery.easyui.min.js _5d4.pagination({ total: (opt