Bootstrap поповер не показывает HREF ссылки

Question

поповер поп, но я не вижу ссылки - только текст, я не уверен, что здесь не так:

<a class="sharepopover" data-original-title="Share the MMS to your groups" data-placement="top" data-content=" 
     &lt;div&gt;&lt;br/&gt; 

      &lt;a&nbsp;href='http://gruppu.com/share/1#2'&gt;&nbsp;ludek&nbsp;&lt;/a&gt;&lt;br/&gt; 

      &lt;a&nbsp;href='http://gruppu.com/share/1#3'&gt;&nbsp;kunda&nbsp;&lt;/a&gt;&lt;br/&gt; 

      &lt;a&nbsp;href='http://gruppu.com/share/1#4'&gt;&nbsp;testik&nbsp;&lt;/a&gt;&lt;br/&gt; 

     &lt;/div&gt;">Share</a> 

А вот как я инициализировать поповер:

<script type="text/javascript"> 
    $(function() { 
     // $("#sharepopover").popover({html: true, trigger: "click"}); 
     $('html').click(function(e) { 
    $('.sharepopover').popover('hide'); 
}); 

$('.sharepopover').popover({ 
    html: true, 
    trigger: 'manual' 
}).click(function(e) { 
    $(this).popover('toggle'); 
    e.stopPropagation(); 
}); 
    }); 
</script> 

Update:

без побега HTML в данных-контента поповер работает, как ожидалось.

Answer 1

Вот решение для размещения HTML-содержимого в popover. См этот demo JSFiddle

HTML:

<button class="btn btn-default" data-placement="bottom" data-toggle="popover" data-container="body" type="button" data-original-title="" data-content='<a href="#">This is link</a><br><a href="#"><b>&quot;This is link 2&quot;</b></a>' data-trigger="click" id="example"> Click to Popover bottom</button> 

JS:

$('#example').popover({ 
    html:true//, 
    //content:'<a href="#">This is link</a>' 
});