jquery mobile popup的afterclose事件不触发的问题

最新推荐文章于 2022-09-13 19:48:11 发布
最新推荐文章于 2022-09-13 19:48:11 发布
阅读量2.3k 收藏
点赞数
文章标签： jquery mobile popup
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wujinlinhf2010/article/details/40585915
版权
最近在做项目时发现，jQuery mobile中的popup同时只能打开一个，于是使用afterclose事件来关闭一个popup的同时打开另外一个，却发现afterclose事件绑定了却没有触发，经过仔细查找问题，发现，绑定afterclose事件的代码要放到popup的div里面去，因为popup必须初始化了才能绑定事件。
wujinlinhf2010
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Popup例子 实现弹出窗口的关闭
05-02
实现弹出窗口与主界面的分离，只要点击弹出窗口的其他部分就可以关闭弹出窗口。
angular+ng-zorro遇到的问题
baidu_34197758的博客
08-30 3568
1、使用NG-ZORRO的modal来动态添加commponent时居然提示我NzModalRef未引入包，以及modal.afterClose和modal.afterOpen未定义，明明是按着官网的例子来写的。。 后来上了gitub上看到官方十小时前说更新到了0.7.0-beta.2，然后更新了版本，结果就没报错了。。。所以之前的版本没有这个东西，怎么官网怎么就写了这个文档。。   更新指...
【坑】antd3升级4 Modal设置destroyOnClose不生效
Bob_Yan623的博客
08-04 2804
and modal设置destroyOnClose
VUE-props(父子组件之间的传值)
戴林峰的博客
11-28 1683
静态props 组件实例的作用域是孤立的。这意味着不能 (也不应该) 在子组件的模板内直接引用父组件的数据。要让子组件使用父组件的数据，需要通过子组件的 props 选项 使用Prop传递数据包括静态和动态两种形式，下面先介绍静态props 子组件要显式地用 props 选项声明它期待获得的数据 var childNode = { template: '<div>{{message...
使用antd Modal组件时数据污染问题解决方案
x先生的博客
03-12 7003
问题再现： 现在有新增和编辑两个弹窗需求。由于内容一致，所以使用一个Modal组件即可。 问题随之而来。 点击编辑，Modal弹出并呈现出数据，编辑后点保存或关闭，再打开新增，弹窗内还是刚才的数据，即使在新增窗口打开前置空state也无效。头疼。。。。。 解决方案1： 设置Modal 的key属性，使其每次打开都是新的窗口。（貌似用处不大） modalKey: Date.par...
jQuerymobile popup弹出层 '关闭'按钮点击页面回退 bug解决
Miya的专栏
01-06 2908
wap项目里的弹出层用的是jQuerymobile中的popup，测试提了一个bug，mobile chrom中，点击'关闭'按钮后，会出现页面回退至前一个页面，其他浏览器都OK。 解决方案是： 在执行close()之前加一句.popup({history : false})的代码就OK了。 $('#' + pageId).find('#msgPopDg2').popup({history
jquery mobile Popup
@木尘的小博客
06-03 808
Popup The popup widget can be used for various types of popups. From a small tooltip popup to a large photo lightbox.
jquery-popup:jQuery 弹出插件
05-30
此外，必须包含来自 jquery.popup.css 或 jquery.popup.min.css 文件的样式，因为它们描述了对话框的定位。 <link rel="stylesheet" href="path/to/script/jquery.popup.min.css" /> [removed][removed] ...
jquery popupDialog 使用 加载jsp页面的方法
10-21
下面小编就为大家带来一篇jquery popupDialog 使用 加载jsp页面的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
jquery.popup.js-兼容IE8的简单jQuery模态窗口插件
12-11
jquery.popup.js是一款简单的兼容IE8浏览器的jQuery模态窗口插件。该模态窗口插件没有过多的参数，通过简单的调用就可以生成带动画过渡效果的模态窗口，非常简洁。
jquery-popup-dialog:jQuery 弹出对话框插件
06-01
要求： jQuery 1.7+，插件浏览器兼容性： Internet Explorer 9+、Opera 11.6+、Opera Mobile 11.5+、Safari 5+、Chrome、Firefox、IE Mobile联系要使用插件，请在连接插件 $ .popup 后在页面的任何位置包含脚本。...
jQuery Mobile弹出窗、弹出层知识汇总
01-19
先创建一个窗体 <div data-role=popup id=popupView class=ui-content data-overlay-theme=b data-position-to=window data-dismissible=false> 　[removed]void(0)'>Close 　<div
用layui时，换行符不生效，链接传值不生效，
weixin_43888304的博客
11-08 815
用layer.open打开页面时，换行符不生效 在content里面写打开页面的内容 用php传html时，则用<br/>换行才会在content里面生效 用table.render渲染表格时，后端传过来的数据需要用js处理的话，语法如图所示： 链接传值的方式如图所示 layui的表单提交会自动刷新页面，如果不想要刷新页面就不要放在form里 ...
解决 layui的switch开关 在关闭状态上不传值到后台的问题
zongmaomx的博客
03-08 3244
在监听表单提交时修改swtich的值 form.on('submit(confession)', function(data){ data.field.switch = data.field.switch ? "on": "off"; layer.msg(JSON.stringify(data.field)); return false; }); ...
@Before和@After注解的使用
m0_53881899的博客
09-13 3208
@Before和@After注解的使用
后端开发是一个涉及广泛技术和工具的领域.docx
最新发布
04-30
后端开发是一个涉及广泛技术和工具的领域，这些资源对于构建健壮、可扩展和高效的Web应用程序至关重要。以下是对后端开发资源的简要介绍： 首先，掌握一门或多门编程语言是后端开发的基础。Java、Python和Node.js是其中最受欢迎的几种。Java以其跨平台性和丰富的库而著名，Python则因其简洁的语法和广泛的应用领域而备受欢迎。Node.js则通过其基于JavaScript的单线程异步I/O模型，为Web开发提供了高性能的解决方案。 其次，数据库技术是后端开发中不可或缺的一部分。关系型数据库（如MySQL、PostgreSQL）和非关系型数据库（如MongoDB、Redis）各有其特点和应用场景。关系型数据库适合存储结构化数据，而非关系型数据库则更适合处理大量非结构化数据。 此外，Web开发框架也是后端开发的重要资源。例如，Express是一个基于Node.js的Web应用开发框架，它提供了丰富的API和中间件支持，使得开发人员能够快速地构建Web应用程序。Django则是一个用Python编写的Web应用框架，它采用了MVC的软件设计模式，使得代码结构更加清晰和易于维护。
华为数字化转型实践28个精华问答glkm.pptx
04-30
华为数字化转型实践28个精华问答glkm.pptx
新员工入职培训全流程资料包gl.zip
04-30
新员工入职培训全流程资料包（100+个文件） 1入职流程指引 万科新职员入职通知书 万科新职员入职引导手册 新进员工跟进管理表 新员工入职报到工作单(文职) 新员工入职报到流程 新员工入职流程表 新员工入职手续办理流程(工厂 新员工入职手续清单 新员工入职须知 新员工入职训流程 新员工入职引导表(导师用) 2 入职工具表格 3 培训方案计划 4培训管理流程 5培训教材课件 6 培训效果检测 7 员工管理制度 8 劳动合同协议 9 新员工培训PPT模板(28套)
三菱PLC通讯程序实例
04-30
FX5U PLC作为主、从站的通讯方式程序实例，以及包含详细说明文件...
uni-popup 中 子组件 为何不触发onload
06-03
在 `uni-popup` 中，子组件的 `onload` 事件不会被触发的原因是因为 `uni-popup` 组件在显示时，会将子组件的 DOM 移动到 `uni-popup` 组件所在的 DOM 树中，而此时子组件已经不再是第一次加载，因此 `onload` 事件不会再次触发。 如果需要在 `uni-popup` 中监听子组件的加载完成事件，可以考虑使用 `mounted` 生命周期函数来代替 `onload` 事件，因为 `mounted` 生命周期函数在组件第一次挂载时会被触发，同时在组件每次重新渲染时也会被触发，因此可以满足监听子组件加载完成事件的需求。 示例代码如下： ```vue <template> <uni-popup ref="popup" @show="handleShow"> <custom-component ref="child" @mounted="handleChildMounted"></custom-component> </uni-popup> </template> <script> export default { mounted() { // 获取 uni-popup 实例对象 const popupInstance = this.$parent; // 监听 show 事件 popupInstance.$on('show', this.handleShow); }, methods: { handleShow() { // 获取 uni-popup 的 DOM 对象 const popupDom = this.$refs.popup.$el; // 获取子组件实例对象 const childInstance = this.$refs.child; // 子组件初始化 childInstance.init(popupDom); }, handleChildMounted() { // 子组件加载完成后的操作 } } }; </script> ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值