5***@qq.com
5***@qq.com
  • 发布:2018-04-18 16:14
  • 更新:2018-04-18 17:12
  • 阅读:1230

通过nav底部导航栏嵌入百度页面,打开百度知道后没有办法返回

分类:HBuilder

各位大侠,我通过nav底部导航栏嵌入百度页面,打开百度知道后没有办法返回,请问该怎么设计呢?因为是第三方页面,能不能在顶部增加一个返回的按钮呢?谢谢

mui.init({    
        subpages:[//首先加载首页      
                    {      
                        url:'/html/test1.html',      
                        id:'tab_home',      
                        styles:{      
                            top:'0px',      
                            bottom:'60px'      
                        }      
                    }      
                ],      
        preloadPages:[//预加载其他页面      
            {      
                url:'http://baidu.com',      
                id:'tab_message',      
                styles:{    
                top:'0px',    
                bottom:'60px'      
                }      
            }, 
2018-04-18 16:14 负责人:无 分享
已邀请:
hylong

hylong

可以给百度页面添加一个titleNView,绘制一个buttons来控制返回即可。
示例代码如下:

buttons:[  
    {  
        color:'#ff0000',  
        text:'back',  
        float:'left',  
        onclick:function(){  
            plus.webview.getWebviewById('tab_message').back();  
        }  
    }  
]
5***@qq.com

5***@qq.com (作者)

能不能通过监听click事件,然后打开新窗口呢???

5***@qq.com

5***@qq.com (作者)

我的代码如下,因为嵌入了百度页面,在里面搜索之后,打开的页面没有返回功能,能不能在新窗口打开,这样就可以在最上方点击返回按钮呢?用web2app是可以直接有返回按钮的。。。

5***@qq.com

5***@qq.com (作者)

<nav class="mui-bar mui-bar-tab" id="nav">    
        <a id="tab_home" class="mui-tab-item mui-active" >    
            <span class="mui-icon mui-icon-home" ></span>    
            <span class="mui-tab-label">首页</span>    
        </a>    
        <a id="tab_message" class="mui-tab-item">    
            <span class="mui-icon mui-icon-email"></span>    
            <span class="mui-tab-label">消息</span>    
        </a>           
        <a id="tab_setting" class="mui-tab-item" >    
            <span class="mui-icon mui-icon-gear"></span>    
            <span class="mui-tab-label">设置</span>    
        </a>    
   </nav>    
    <script type="text/javascript" charset="utf-8">    
        mui.init({    
            subpages:[//首先加载首页      
                        {      
                            url:'/html/test1.html',      
                            id:'tab_home',      
                            styles:{      
                                top:'0px',      
                                bottom:'60px'      
                            }      
                        }      
                    ],      
            preloadPages:[//预加载其他页面      
                {      
                    url:'http://baidu.com',      
                    id:'tab_message',      
                    styles:{    
                    top:'0px',    
                    bottom:'60px'      
                    }      
                },                   
                {      
                    url:'setting.html',      
                    id:'tab_setting',      
                    styles:{    
                    top:'0px',    
                    bottom:'60px'      
                    }      
                }   
            ]     
        });    
        mui.plusReady(function(){    
              var winAll=plus.webview.all();//获取所有窗体  
            var tab_home,tab_message,tab_contact      
                mui("#nav").on("tap","#tab_home",function(){//点击触发       
                    tab_home=plus.webview.getWebviewById("tab_home");     

                    console.log(11);  
                    tab_home.show()      
                    tab_message.hide()                      
                    tab_setting.hide()    
                })      
                mui("#nav").on("tap","#tab_message",function(){//点击触发    

                    tab_message=plus.webview.getWebviewById("tab_message");                      
                    tab_message.show()      
                })   
                mui("#nav").on("tap","#tab_setting",function(){//点击触发      
                    tab_setting=plus.webview.getWebviewById("tab_setting");    
                    tab_setting.show()    
                })    
        })              
    </script>  

该问题目前已经被锁定, 无法添加新回复