mui使用弹出菜单（popover）被遮蒙板遮住

ゞ 浴缸里的玫瑰 2021-10-14 16:59 349阅读 1赞

错误示范

  1. <div class = "mui-content">
  4.             <div id="popover" class="mui-popover">
  5.               <ul class="mui-table-view">
  6.                 <li class="mui-table-view-cell"><a href="#">Item1</a></li>
  7.                 <li class="mui-table-view-cell"><a href="#">Item2</a></li>
  8.               </ul>
  9.             </div>
  12.               <a href="#popover" id="openPopover" class="mui-btn mui-btn-primary mui-btn-block">打开弹出菜单</a>
  15. </div>

然后你一点击, 菜单是出来的, 不过蒙着的

正确示范

  1. <div class = "mui-content">
  2.         <a href="#popover" id="openPopover" class="mui-btn mui-btn-primary mui-btn-block">打开弹出菜单</a>
  3. </div>
  7.     <div id="popover" class="mui-popover">
  8.       <ul class="mui-table-view">
  9.         <li class="mui-table-view-cell"><a href="#">Item1</a></li>
  10.         <li class="mui-table-view-cell"><a href="#">Item2</a></li>
  11.       </ul>
  12.     </div>

菜单被蒙着的原因是因为 <div id="popover" class="mui-popover">被放到了里面，只要把 <div id="popover" class="mui-popover">拿到<div class = "mui-content">的外面就可以了

发表评论

表情：
评论列表 （有 0 条评论，349人围观）

还没有评论，来说两句吧...

相关阅读

    相关 MUI 遮罩蒙版

    在popover、侧滑菜单等界面，经常会用到蒙版遮罩；比如popover弹出后，除popover控件外的其它区域都会遮罩一层蒙版，用户点击蒙版不会触发蒙版下方的逻辑，而会关闭p

    ゞ 浴缸里的玫瑰ゞ 浴缸里的玫瑰/ 0 赞/ 60 阅读