html子页面是什么,A.html是主页面，B.html是子页面，在B中用mui.fire给A页面回传值，但是在A页面并没有执行fire中的事件...

A.html是主页面，B.html是子页面，在B中用mui.fire给A页面回传值，但是在A页面并没有执行fire中的事件，不知道是怎么回事？哪位大神给解答一下，谢谢。

A页面如下：

.button {

font-size: 18px;

font-weight: normal;

text-decoration: none;

display: block;

text-align: center;

overflow:hidden;

text-overflow:ellipsis;

white-space:nowrap;

color: #FFF;

background-color: #FFCC33;

border: 1px solid #ECB100;

padding: .5em 0em;

margin: .5em .7em;

-webkit-border-radius: 5px;

border-radius: 5px;

}

打开B页面

输出值

mui.init();

function openPage(){

mui.openWindow({

url:'B.html',

id:'B'

});

}

window.addEventListener('buttonClick',function(event){

var value = event.detail.value;

document.getElementById("info").innerText = value;

});

B页面如下：

.button {

font-size: 18px;

font-weight: normal;

text-decoration: none;

display: block;

text-align: center;

overflow:hidden;

text-overflow:ellipsis;

white-space:nowrap;

color: #FFF;

background-color: #FFCC33;

border: 1px solid #ECB100;

padding: .5em 0em;

margin: .5em .7em;

-webkit-border-radius: 5px;

border-radius: 5px;

}

打开A页面

mui.init();

function openPage(){

var mainPage = null;

if(!mainPage){

// mainPage = plus.webview.getWebviewById('A.html');

mainPage = plus.webview.currentWebview().parent();

}

mui.fire(mainPage,"buttonClick",{

"value":"100",

"name":"hello"

});

mui.back();

}