Jquery 弹出窗口和引导3

当用户在我的页面中的某些li上悬停时，我想显示一个popover。所以，在检查了引导页面中的示例之后，这就是我所做的。脚本放置在关闭body标记之前

$("li").each(function (i){
    $(this).popover({title:"Title", content:"Content", trigger:"hover"});
});

但那件府绸还是不会出现

我的html很简单

<ul>
   <li>One</li>
   <li>Two</li>
   <li>Three</li>
   etc...
</ul>

一个
两个
三
等

---

但是没有弹出框显示…我做错了什么？

脚本中有语法错误

jQuery(function ($) {
    $("li").popover({
        title: "Title",
        content: "Content",
        trigger: "hover",
        placement: 'bottom'
    }); //<-- missing  } here
});

jQuery（函数（$）{
$（“li”）.popover({
标题：“标题”，
内容：“内容”，
触发器：“悬停”，
位置：'底部'
})；//我会将标题和内容放在DOM中，而不是放在jQuery脚本中（关注点分离）。这意味着在每个li标记中使用HTML5
data-
属性

<li data-title="The Title" data-content="The content">One</li>

一个

这意味着您不必在jQuery脚本中指定popover的标题和内容。
浏览器控制台中的任何错误在我的代码中都可以，只是在这里键入时出错了。谢谢。这为什么不起作用呢@Apostolos这是问题所在，请按上面所示添加放置选项即可。默认情况下popover显示在最右边的位置底部，但没有其他位置（“右边”例如）。这是为什么？@Apostolos如果你给
ul
一个宽度，那么右边也可以，谢谢！！现在我怎么能猜到…：（.Web技术有时会感到困惑..我想使用弹出窗口最终呈现html，而不仅仅是一个字符串。