mui框架內置了彈出菜單插件，彈出菜單顯示內容不限，但必須包裹在一個含.mui-popover類的div中，如下即為一個彈出菜單內容： ~~~ <div id="popover" class="mui-popover"> <ul class="mui-table-view"> <li class="mui-table-view-cell"><a href="#">Item1</a></li> <li class="mui-table-view-cell"><a href="#">Item2</a></li> <li class="mui-table-view-cell"><a href="#">Item3</a></li> <li class="mui-table-view-cell"><a href="#">Item4</a></li> <li class="mui-table-view-cell"><a href="#">Item5</a></li> </ul> </div> ~~~ 要顯示、隱藏如上菜單，mui推薦使用錨點方式，例如： ~~~ <a href="#popover" id="openPopover" class="mui-btn mui-btn-primary mui-btn-block">打開彈出菜單</a> ~~~ 點擊如上定義的按鈕，即可顯示彈出菜單，再次點擊彈出菜單之外的其他區域，均可關閉彈出菜單；這種使用方式最為簡潔。 若希望通過js的方式控制彈出菜單，則通過如下一個方法即可： ~~~ mui('.bottomPopover').popover(status,[anchor]); ~~~  ~~~ mui('.bottomPopover').popover('toggle');//show hide toggle ~~~ ~~~ //傳入toggle參數，用戶也無需關心當前是顯示還是隱藏狀態，mui會自動識別處理； mui('.mui-popover').popover('toggle',document.getElementById("openPopover")); ~~~