码迷,mamicode.com
首页 > 其他好文 > 详细

Hbuilder主页面控制子页面的方法

时间:2015-08-03 18:44:53      阅读:5909      评论:0      收藏:0      [点我收藏+]

标签:

主页面的写法

(function($, doc) {
                mui.init({
                    swipeBack : false,
                    subpages: [{
                        id: ‘addMemberContent‘,
                        url: ‘addMemberContent.html‘,
                        styles: {
                            top: ‘45px‘,
                            bottom: 0,
                            bounce: ‘vertical‘
                        }
                    }]
                });
                $.plusReady(function() {
                    var postBtn=doc.getElementById(‘bntPost‘);//获取主页面按钮的DOM.
                    postBtn.addEventListener(‘tap‘,function(){    //监听DOM的事件
                        var addMemCont=plus.webview.getWebviewById("addMemberContent"); //根据ID获取子页面

        // var subPages=plus.webview.currentWebview().children();//获取当前页面所有的子页面;

        // var addmemCont=subPages[0]; 根据索引或缺子页面
                        $.fire(addMemCont,‘postMember‘, null); // $.fire(目标页面,子页面的函数,要传的值)
                    });

    子页面的写法:

    window.addEventListener(‘postMember‘, function() { 

    //执行的函数}

    });

      window.addEventListener(‘newsId‘,function(event){ //获得事件参数 var id = event.detail.id;

Hbuilder主页面控制子页面的方法

标签:

原文地址:http://www.cnblogs.com/isylar/p/4699863.html

(1)
(3)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!