美文网首页
layui - 点击分页后的页面按钮操作失效

layui - 点击分页后的页面按钮操作失效

作者: bug_ling | 来源:发表于2019-08-22 15:25 被阅读0次

问题:第一页点击时可修改,可删除,点击第二页时就没任何反应了

页面

原因:加载第二页时,页面中执行按钮操作的时间未被加载和触发

解决方法:

方法一:使用未来元素的方法(可参考https://blog.csdn.net/fangkang7/article/details/85077247

将以下代码:$('.layui-btn').on('click', function() {})

改成:$(document).on('click', '.layui-btn', function())

方法二:

在js中写个加载页面时就需要加载的函数,这个函数里包含$('.layui-btn').on('click', function() {})

如:start();

function start() {

    $('.layui-btn').on('click', function() {})

}

法二只是临时想的一个方法,法一还是更专业些

相关文章

  • layui - 点击分页后的页面按钮操作失效

    问题:第一页点击时可修改,可删除,点击第二页时就没任何反应了 原因:加载第二页时,页面中执行按钮操作的时间未被加载...

  • iOS跨页面传值-协议代理方式

    MainPageView本为主页面,后变为另一页面的headerView,发现push失效,将该页面的内容点击按钮...

  • uni-app 中如何实现上滑分页和下拉刷新

    前言 在 PC 端的网页中我可点击浏览器的左上角刷新按钮,对页面进行刷新的操作。或者点击列表框的下边的分页器进行分...

  • element-ui @current-change有时失效

    今天在做后台的时候,有个页面的分页器出了问题,就是当页面跳转到某一页(例如25页),点击查询按钮,列表数据刷新后,...

  • 弹出层编辑后更新表格数据

    弹出层是新写的的页面,在弹出层修改成功后直接使用调用父级表格分页的确定按钮刷新数据,却发现无法触发点击事件看了页面...

  • axure 主页面与弹窗间传参

    大家遇到过这样的场景吗? 主页面点击按钮,在弹窗中操作完后,关闭后根据弹窗内的操作内容更新主页面的内容。 比如下面...

  • 11. 页面跳转返回,并回传值

    1. 跳转返回后,接收子页面传来的值 这次我们在父级页面,点击按钮,进入子页面,点击子页面的不同按钮,返回父页面的...

  • JS给对象添加新的键值对

    layui版本: layui-2.2.45问题描述:我需要在用户点击分页时,获取筛选表单里的所有数据.官方文档只有...

  • UIControl类防止重复暴力点击方法汇总

    一、按钮点击后先取消之前的操作 二、按钮点击后设为不可点击状态,几秒后恢复 三、使用runtime

  • 完美操控按钮点击

    现实操作中,用户经常会神操作点击,同时点击两个按钮,或者同一按钮点击两次,这样势必造成页面的跳转混乱,或者事件触发...

网友评论

      本文标题:layui - 点击分页后的页面按钮操作失效

      本文链接:https://www.haomeiwen.com/subject/iybnsctx.html