Popover Issue - In pages

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>
    <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>