Wie Bootstrap Popover auf SVG-Pfad-Tag

Question

Ich habe eine Svg-Datei und mehrere Pfad in diesem, Ich möchte bootstrap Popover nach Hover auf Pfad-Tag in Svg-Datei, aber ich weiß nicht, wie Bootstrap Popover auf SVG-Pfad-Tag verwenden.

here is my code :- 
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">//bootstrap css 
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.1/jquery.js"></script> //jquery 
     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>//bootstrap js 

<svg version="1.1" id="Home" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 3363 3125" style="enable-background:new 0 0 3363 3125;" xml:space="preserve"> 
<g id="_302-319_Blocks"> 
    <path id="_319" class="st7 popoverData" d="M368.5,437.4l70-70l157.7,157.7l-0.5,20.5l26.9,26.9L553.1,622L368.5,437.4z" rel="popover" data-placement="bottom" data-original-title="Title" data-trigger="hover"/> 

</g> 
</svg> 

<script> 
    $('.popoverData').popover(); 
</script> 

Answer 1

Sie haben einen Container wie folgt hinzuzufügen:

$('.popoverdata').popover({ 
    title: "Title", 
    content: "Content", 
    container: 'body' 
});