LIのブートストラップポップオーバー

Question

ポップオーバーをブートストラップで行い、既存のdivフォーマットを維持しようとしています。

以下のコードを修正して動作させるにはどうすればよいですか？

<ul class="list-group" data-bind="foreach: courses"> 
    <li class="list-group-item CourseHover" data-bind="css: { hidden : isSatisfied}" data-toggle="popover" title="Popover title" data-content="And here's some amazing content. It's very engaging. Right?"> 
    <a tabindex="0" class="" role="button" data-toggle="popover" data-trigger="focus" title="Dismissible popover" data-content="And here's some amazing content. It's very engaging. Right?"> 
      <div class="row"> 
       <div class="col-sm-10"> 
        <span data-bind="text:courseName"></span> 
       </div> 
       <div class="col-sm-2"> 
        <span data-bind="text:courseCredits"></span> cr 
       </div> 
      </div> 
    </a> 
</li> 

Answer 1

Popoversはinitialized by jqueryでなければなりません。

トリックを行う必要があります。このコードは：

$(function() { 
    $('[data-toggle="popover"]').popover() 
}) 

あなたはまた、あなたのアンカータグにデータ配置=「下」またはデータ配置=「トップ」を置きたいと思うかもしれません

は - ポップオーバーがそうでなければ表示される場合があります右へ。