在导航栏中使用动态弹出式链接，framework7

<div class="navbar">
  <div class="navbar-inner">
    <div class="left">
      <a href="#" class="link icon-only panel-open" data-panel="left">
        <i class="icon f7-icons">menu</i>
      </a>
    </div>
    <div class="title">My App</div>
    <div class="right">
      <a href="#" class="link icon-only popup-open" data-popup=".popup-links">
        <i class="icon f7-icons">more_vertical</i>
      </a>
    </div>
  </div>
</div>

<div class="popup popup-links">
  <div class="view">
    <div class="page">
      <div class="navbar">
        <div class="navbar-inner">
          <div class="title">Links</div>
        </div>
      </div>
      <div class="page-content">
        <div class="list">
          <ul>
            <li><a href="#" class="item-link">Link 1</a></li>
            <li><a href="#" class="item-link">Link 2</a></li>
            <li><a href="#" class="item-link">Link 3</a></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</div>

var app = new Framework7();

$$('.popup-open').on('click', function () {
  app.popup.open($$(this).data('popup'));
});