Popover Issue - In pages

Questions
1

So I am trying to open a page with a button in a popover. However when the popover opens and I click the first button, then nothing happens. Below you can see my code. In the routes.js file it is actually good routed. “

  • Add
    • ” This line of code is the button in the popover. I hope someone can help me. Thankyou anyway! 
          <a class="link popover-open" href="#" data-popover=".popover-links">

        <i class="icon f7-icons if-not-md">plus</i>

        <i class="icon material-icons if-md">add</i>

      </a>

    </div>

  </div>

</div>

<div class="page-content">

  <div class="popover popover-links add_event">

    <div class="popover-inner">

      <div class="add_event_inner">

        <ul class="list">

          <li><a class="list-button item-link" href="/about/">Add</a></li>

          <li><a class="list-button item-link" href="#">Pause</a></li>

          <li><a class="list-button item-link" href="#">Today</a></li>

          <li><a class="list-button item-link" href="#">Vacation</a></li>

        </ul>

      </div>

    </div>

  </div>