Bootstrap popover nur im Feld nicht auf der Seite

[Darknet]

Ich erstelle zurzeit ein Bootstrap Popover Feld.

<ul class="nav navbar ">
  <li id="persoenlich" class="" ><a href="#">Persönlich </a></li>
  <li id="kompetenz"><a href="#">Kompetenzen</a></li>
  <li id="projekt" class="active"><a href="#">Projekte</a></li>
</ul>

und

<a href="#" data-toggle="popover"  data-html="true" data-container="body"  data-placement="bottom" id="menu" class="btn btn-info btn-sm"><span id="dasmenu" class="glyphicon glyphicon-menu-hamburger"></span></a>

$("[data-toggle=popover]").popover({   html: true,
   content: function() {
          return $('#nav-box').html();
        }});

An sich funktioniert es Nur wird die Navbar auch normal auf der Seite angezeigt Sie soll aber nur im Popupfester erscheinen wenn dieses aktiv ist

 

[SpiceLab]

Überprüfe deine verwendeten Popover Options 'html' u. 'content':

html boolean false Specifies whether to accept HTML tags in the popover:

• true - Accept HTML tags
• false - Do not accept HTML tags

Note: The HTML must be inserted in the title attribute (or using the title option).

When set to false (default), jQuery's text() method will be used. Use this if you are worried about XSS attacks

content string "" Specifies the text inside the popover's body

• https://www.w3schools.com/bootstrap/bootstrap_ref_js_popover.asp

Beispiele für die Popover Options 'html' u. 'content' (Popover-Content erscheint nicht in der übrigen Seite):

• https://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_ref_js_popover_html&stacked=h
• https://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_ref_js_popover_title_content&stacked=h