mui中popover顶部弹出菜单位置不准确以及无法收回的问题

"); </div> 问题

Mui的功能貌似还不是很完善，在使用这个弹出菜单的时候，发现了一些很尴尬的问题：
目录的跳转我是通过锚点实现的，但是在跳转之前，这个菜单一切正常，一旦触发跳转，那么整个菜单就会卡住无法收回，但是跳转功能正常。
由于我的页面比较长，因而出现不在顶部使用弹出菜单时，弹出菜单位置像是不正确的情况，如图所示。

解决办法

1.问题一的解决方案

对于问题一，我的解决方案是手动关闭弹出菜单，这里通过控制台查找出生成的mask的class .mui-backdrop以及弹出菜单项的class .mui-table-view-cell代码如下：

//点击mask的触发事件
$(".mui-backdrop").click(function() {
    $("#topPopover").hide();
    $(".mui-backdrop").hide();
});
//点击菜单项的触发事件
$(".mui-table-view-cell").click(function() {
    $("#topPopover").hide();
    $(".mui-backdrop").hide();
});
虽然方法比较粗暴，但是可以解决这个问题，有更好的解决方案的希望能够指正。

2.问题二的解决方案

对于问题二，我的解决方案是，将它定死~。 我通过使用js写入css样式，将其设为`absolute`即可解决。代码如下：
    var uip = document.getElementById("topPopover"); //topPopover是popover 的最外层div
    uip.style.position = "absolute";
代码
主页面代码如下所示：

1. <!--头部--> 
2.    <div class="mui-bar mui-bar-nav"> 
3.            <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a> 
4.            <a id="menu" class="mui-action-menu mui-icon mui-icon-bars mui-pull-right" href="#topPopover"></a> 
5.            <h1 class="mui-title" id="cityResult" class="" type='button'>xxx</h1> 
6.    </div> 
7.    <div class="mui-content"> 
8.        <!--体，省略--> 
9.    </div> 
10.    <!--右上角弹出菜单--> 
11.    <div id="topPopover" class="mui-popover"> 
12.        <div class="mui-popover-arrow"></div> 
13.        <div class="mui-scroll-wrapper"> 
14.            <div class="mui-scroll"> 
15.                <ul class="mui-table-view"> 
16.                    <li class="mui-table-view-cell"> 
17.                        <a href="#c1">行政区划简介</a> 
18.                    </li> 
19.                    <li class="mui-table-view-cell"> 
20.                        <a href="#c2">扶贫开发基本情况</a> 
21.                    </li> 
22.                    <li class="mui-table-view-cell"> 
23.                        <a href="#c3">贫困户地域分布情况</a> 
24.                    </li> 
25.                </ul> 
26.            </div> 
27.        </div> 
28.    </div> 

解决以上两个问题的代码：

 

1. function setPopOverMenu() { 
2.     var uip = document.getElementById("topPopover"); 
3.     uip.style.position = "absolute";&nb