zoukankan      html  css  js  c++  java
  • mui previewimage 全屏显示问题

    我相信许多人在实际开发中会遇到这种问题

    分享mui.previewimage.js图片预览的经验

    如图,这是一个子页面,需求是点击图片预览大图。
    ok,大家把mui的图片预览拿过来用

    分享mui.previewimage.js图片预览的经验

    纳尼?图片是预览大图出来了,那为虾米下面的tab导航怎么还在?不是全屏的么?

    我在此解释一下,因为当初这4个页面是作为父页的子页面的,设置的样式 是 bottom:'51px'

    sogo,所以子页面的大小是 屏幕高度-51px,这样图片预览全屏认的是子页面的全屏,所以tab导航还在啦

    该如何解决呢????

    打开预览的时候,当前页面必须全屏显示,关闭预览的时候就要回到之前的样子。

    然而并没有这个功能,没关系,

    我们来查看mui.previewimage.js的源码,会发现有两个比较明显意图的方法名:proto.open 和 proto.close
    这就是打开和关闭图片预览的相应方法拉!各位看官现在应该也知道我要做什么坏事了吧?没错
    分享mui.previewimage.js图片预览的经验
    嘿嘿,在插件初始化的时候,传入两个函数,fun1,fun2,当然大家可以自行命名,在这,我用fun1为打开预览时的回调函数,fun2为关闭预览的回调函数
    分享mui.previewimage.js图片预览的经验

    然后在open和close的事件中 ,调用我们自己传入的fun1fun2
    分享mui.previewimage.js图片预览的经验
    分享mui.previewimage.js图片预览的经验
    ctrl+s保存一下js文件,ok,现在去试用一下。
    分享mui.previewimage.js图片预览的经验
    在这里我分别为打开和关闭设置了2个回调函数,打开预览时,窗口全屏,关闭预览时窗口回到之前的样子。

  • 相关阅读:
    End of 2007, where are you?
    2007年,前进!
    PHP框架Yii快速搭建高并发网站
    需要 gmail 与 wallop 邀请的 请留言给 email
    开始关注Mono了
    百度,阿里巴巴,google
    重返 cnblogs.com
    解决VMware虚拟机桥接不能上网的问题
    SecureCRT
    linux的ssh和sshd配置
  • 原文地址:https://www.cnblogs.com/bwlang/p/8465781.html
Copyright © 2011-2022 走看看