使用show（）方法，跳转到指定页面了，但是不显示

根据官方给出的E3案件做一个商城。现在遇到的问题是，我在商品详情页面点击“购物车”按钮，页面不跳转，但是打印日志，发现代码上，已经走通。点击返回时，购物车页面却显示了。

这是首页已经的父子模块

function initProductDetail(){  
            //独立的父子模版页面  
            detailTem = mui.preload({  
                url:'product-detail-tem.html',  
                id:'product-detail-tem.html',  
                styles:{  
                    top:'0px',  
                    bottom:'0px'  
                }  
            });  
            console.log("zaijia");  
           detailsub = mui.preload({  
                url:'Home/product-detail-needtem.html',  
                id:'Home/product-detail-needtem.html',  
                styles:{  
                    top:'44px',  
                    bottom:'0px',  
                    bounce: 'vertical',//窗口遇到边框是否有反弹效果。vertical：水平方向  
                    bounceBackground:'#DCDCDC'//灰色  
                }  
            });  
            console.log("ddd");  
            detailsub.hide();  
            detailTem.hide();  
            detailsub.addEventListener('loaded',function(){  
                console.log("test");  
                detailsub.show();  
            },false);  
            detailTem.addEventListener('hide',function(){  
                detailsub.hide();  
            },false);  
            detailTem.append(detailsub);  
        }

在详情页中，跳转显示购物车

//监听点击购物车跳转到购物车界面
document.getElementById("cart").addEventListener('tap',function(){
var goalTem = plus.webview.getWebviewById('baritemHtml/cart.html');
goalTem.show();

        });