【发布时间】：2011-12-18 15:58:13
【问题描述】：
我有 mootools 和 Twitter Bootstrap（它使用 JQuery 来实现其 Javascript 功能）在 bootstrap-dropdown.js 中使用 JQuery.NoConflict() 几乎“运行良好”。
好吧，现在我正在尝试使用 bootstrap-popover.js，但它的运行不如 bootstrap-dropdown.js 顺利。好吧，我想这是一个我无法很好理解的兼容模式问题。
我有这个 javascript 错误：
<script type="text/javascript">
$(function () {
$('td[rel=popover]')
.popover({
offset: 10,
live: true
})
.click(function(e) {
e.preventDefault()
})
})
</script>
错误是：
Uncaught TypeError: Property '$' of object [object DOMWindow] is not a function
编辑：
我之前已经成功使用过popover（但没有使用mootools），我尝试重复相同的方式和代码。就在此 javascript 代码出现错误之前，我正在链接这样的文件（已成功加载）：
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script src="../js/html5.js"></script>
<script src="../js/bootstrap-dropdown.js"></script>
<script src="../js/bootstrap-alerts.js"></script>
<script src="../js/bootstrap-twipsy.js"></script>
<script src="../js/bootstrap-popover.js"></script>
<script src="../js/bootstrap-modal.js"></script>
<link rel="stylesheet" type="text/css" href="../css/bootstrap.css" />
我知道在<head></head> 之间应该会更好，但它在<body> 内部应该也可以工作，并且它适用于其他bootstrap-alerts.js 和dropdown。
另外，我在<table> 中以这种方式调用弹出框：
<thead>
<tr>
<th>Título</th>
<th>Data</th>
<th>Horário</th>
<th rel="popover" data-original-title="A title" data-content="And here's some amazing content. It's very engaging. right?">Ticket Associado <img src="../img/alert-icon.gif"></th>
<th>Entrar no Chat</th>
</tr>
</thead>
在 twitter-Bootstrap/JQuery 之后调用 mootools。
有什么帮助吗？提前非常感谢您！
【问题讨论】：
标签： javascript jquery mootools twitter-bootstrap