2***@qq.com
2***@qq.com
  • 发布:2016-10-20 19:47
  • 更新:2021-04-10 02:23
  • 阅读:9139

跨webview弹出popover菜单及遮罩层

分类:MUI

在需要弹出菜单的父页面添加代码

        var floatw = null;  
        mui.plusReady(function() {  
            ws = plus.webview.currentWebview();  
            floatw = plus.webview.create("menu.html", "menu", {  
                background: 'transparent',  
                zindex: 10,  
            });  
        })  

        // 创建悬浮窗口  
        function floatWebview() {  
            if(floatw) { // 避免快速多次点击创建多个窗口  
                floatw.show("fade-in");  
            } else {  
                floatw = plus.webview.create("menu.html", "menu", {  
                    background: 'transparent',  
                    zindex: 10,  
                });  
                floatw.show("fade-in");  
            }  
        }  

//触发弹出菜单事件floatWebview();

然后将附件加入到项目中

这是我写的效果最好的一个

12 关注 分享
BoredApe k***@163.com Sealinune w***@qq.com 5***@qq.com j***@163.com 7***@qq.com 5***@qq.com 化无 3***@qq.com w***@163.com durren

要回复文章请先登录注册

1***@qq.com

1***@qq.com

使用方法:
// 监听某个元素
// var boxdivimg = document.getElementById("boxdivimg");
// boxdivimg.addEventListener('click', function(e) {
// });
// 批量监听某类元素
// on的用法,只能on MUI('xxxx') xxxx的子元素。
mui('.boxdiv').on('tap', '.boxdivimg', function() { //.boxdivimg为.boxdiv的子元素
//触发弹出菜单事件
floatWebview();
});
2021-04-10 02:23
全栈工程师

全栈工程师

这个 floatWebview()在哪里执行,跪求
2018-07-27 15:10
3***@qq.com

3***@qq.com

你好,请问你有没有更进一步的方案实现菜单弹出后内容比较多的时候可以向下滑动
2018-02-08 14:32
3***@qq.com

3***@qq.com

能不能分享一下具体的用法,最好有一个demo
2018-02-08 14:15
3***@qq.com

3***@qq.com

请问 这个是怎么用的?
2018-01-30 15:06
3***@qq.com

3***@qq.com

回复 w***@qq.com :
请问 这个是怎么用的?
2018-01-30 15:06
3***@qq.com

3***@qq.com

回复 3***@qq.com :
请问 这个是怎么用的?
2018-01-30 15:06
大师兄2013

大师兄2013

太牛逼了,这个真的厉害
2017-12-02 12:40
3***@qq.com

3***@qq.com

十分感谢,解决了我2天没解决的问题
2017-11-11 20:19
w***@qq.com

w***@qq.com

谢大神!!!搞了一晚上终于有个解决办法
2016-12-13 21:13