用户登录

按一下 checkout 的确认支付,跳转到微信支付,完成以后,返回到这个页面的时候,在 iOS 设备上,会刷新这个页面 .. 这样我们这个对话框又会回到隐藏的状态 .. 我们需要一个保存这个对话框状态的方法 .. 可以把这个状态存储在用户设备的 localStorage 里面 ..

打开 main.js .. 最文件的一开始,我们可以先去创建一个 modalQuery .. 它的值就是用 jQuery 找到页面上的带 modal-query 这个 id 的元素 ..

成功请求了统一下单接口得到了响应以后 .. 这里用一下 localStorage.setItem .. 设置一个叫 #modal-query 的数据 .. 对应的值是 show ..

上面显示对话框的代码可以设置成 modalQuery .. 用一下 modal 方法 ..

关掉对话框以后,可以再去设置一下 localStroage 里面的这个 #modal-query 的值 .. 用一下 modalQuery .. on 监听一下 hidden.bs.modal 这个事件 .. 完全隐藏对话框就会发生这个事件 ..

这样我们就可以再用一下 localStorage 里的 setItem .. 设置一下 #modal-query 这个数据的值 .. 把它设置成 hide

然后再去创建一个表示对话框开启状态的 modalQueryState .. 它的值用一下 localStorage 里的 getItem ,得到 #modal-query 这个数据的值 ..

下面可以再判断一下 .. 如果这个 modalQueryState 的值等于 show 的话 .. 我们就去执行一下 modalQuery .. modal 这个方法 .. 就是打开这个对话框 ..

回到浏览器 .. 可以再试一下 ..

按一下确认支付 .. 打开对话框 ... 这回再刷新一下这个页面 ... 对话框仍然会保留原来的打开的状态 ... 再关掉这个对话框 .... 然后再刷新一下这个页面 ... 对话框会是关闭的状态 ..

再取消注释这个跳转用的代码 ..

保存对话框的启用状态《 微信支付:H5 移动端支付 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点