Twitter引导一个href弹出窗口不起作用答案

【问题标题】：Twitter bootstrap a href popover not workingTwitter引导一个href弹出窗口不起作用
【发布时间】：2014-01-20 06:10:11
【问题描述】：

我有以下html

<a href="#" id="example" class="btn btn-primary" rel="popover" data-content="This is the body of Popover" data-original-title="Creativity Tuts">pop</a>

和 javascript 代码：

$(function () {
    $('#example').popover();
});

我已经包含了以下 Js 文件：

src="jquery.min.js"
src="bootstrap.js"
src="Tooltip.js"
src="Popover.js"

但是当我点击链接时没有任何反应，但它似乎正在重新加载页面。

仅供参考，此按钮弹出框代码工作正常，但 a href 弹出框不起作用：

<button popover="Some text" popover-trigger="mouseenter" class="btn btn-default">Scope</button>

任何帮助将不胜感激。

【问题讨论】：

在这里可以正常工作：jsfiddle.net/IrvinDominin/j5T3t，为什么要包含 Tooltip.js 和 Popover.js 而不是完整的？
实际上我尝试使用 & 不使用 tooltip.js 和 popover.js 文件，但它也不起作用。
控制台有错误吗？还是网络选项卡中的404？你只有这个代码还是更多？

标签： html twitter-bootstrap

【解决方案1】：

试试这个，不太确定你在尝试什么，但这是一个有效的流行音乐！

http://jsfiddle.net/AlexHighHigh/weuWk/1785/

HTML

<a href="#" id="example" class="btn btn-primary" rel="popover">pop</a>

$("#example").popover({ title: 'This is the body of pop'});

【讨论】：

感谢您的回复，但它对我不起作用。我们是否需要包含任何其他 js 文件？
如果您导航到 jsfiddle (jsfiddle.net/AlexHighHigh/weuWk/1785)，它会在您悬停时弹出吗？
是的，jsfiddle 对我有用，但是当我在我的代码中使用它时它不起作用。实际上我在我的代码库中也使用了 angular-ui-bootstrap.js 和 bootstrap.js，你认为这两者之间存在冲突吗？。
能否将您的代码放入 JSfiddle 中，以便我们可以在现场环境中进行测试，如果您有时间的话？
它单独工作正常但是当我将弹出框放在 angularjs ng-repeat 中时它不起作用。有什么想法吗？