1. 程式人生 > >(二十二) 彈出選單

(二十二) 彈出選單

本節知識點

  • 彈出選單。不用管那個按鈕的位置。系統會自動的把箭頭安排到你要的位置上

  • 彈出選單沒有JS程式碼 全靠ID對應,類似錨點

<a href="#popover">開啟彈出選單</a> // href 定義錨點
<div id="popover" class="mui-popover"> //id 對應錨點
  <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>



作者:我擁抱著我的未來
連結:https://www.jianshu.com/p/3c7b111a99fa
來源:簡書