Javascript 使用flask&；通过引导功能动态弹出/工具提示；python

我正在尝试使用bootstrap（3.1）、flask和python为站点创建动态生成的工具提示/popover内容

我在表中有超链接项。当我将鼠标移到这些超链接上时，我希望出现一个工具提示；当用户单击超链接时，我希望他们转到单个项目页面。代码（为简洁起见缩短）：

编辑以添加：（不是，它引发了服务器错误）
再次编辑：它必须是

$('.itembox#item_'+$(this).data(itemID')).popover

---

我应该在哪个元素上添加rel=popover

我会给每个项目一个静态类，比如工具提示，或者给表一个id，并在表中的元素上使用jQuery选择器来处理悬停事件。

$（文档）.ready（函数（）{
$（'td.tooltip'）.popover({
是的，
位置：'对'，
触发器：“悬停”，
选择器：'[rel=“popover”]'
});
})

它抛出了什么服务器错误？你能显示flask服务器跟踪吗？我试过这个-但是当我悬停在任何单个元素上时，它会显示所有的弹出框。但我认为这是正确的^_^

 <a href="{{linkitem.get_url()}}" class="itemlink" data-item-id="{{linkitem.id}}">
   <img src="{{linkitem.image}}" alt="Item {{linkitem.id}}" class="smallicon" />
     {{linkitem|safe}}
 </a>

<div id="item_{{boxitem.id}}" class="itembox">
    <div class="itemimage">
      <img src="{{boxitem.image}}" alt="{{boxitem.name}}" title="{{boxitem.get_title()}}" />
   </div>
   <div class="iteminfo">
     <div class="itemtitle">
       {{boxitem.get_title()}}
     </div>
     <div class="itemdesc">
        {% autoescape off %}{{boxitem.get_desc()}}{% endautoescape %}
      </div>
     </div>  
    </div>

<script>
  $(document).ready(function(){
   $('#item_{{item.id}}').popover({
     html: true,
     placement: 'right',
     trigger: 'hover',
     selector: '[rel="popover"]'
   });
  });
 </script>

  $('#item_{{item.id}}').popover({

$('.itembox#item_'+$(this).data(itemID')).popover