Twitter Bootstrap Popovers 不工作

Question

这是我的 HTML：

<div id="disclaimer">After 30 Days you'll have the option to keep your account for $15 per month -no contract required-or revert to a single page free account.*</div>

JavaScript：

$('#disclaimer').popover({
  trigger: 'hover',
  html: true,
  placement: 'right',
  content: 'hello world'
});

当我将鼠标悬停在元素上时，没有任何反应.. 没有 JavaScript 错误或任何东西，不确定是什么问题

Answer 1

使用您的确切代码，我所要做的就是将它包装在一个函数调用中并将脚本放在 div 标签下面。如果您将 jQuery 放在 onload 函数中，它也可以正常工作。祝你好运。

使用这个：

<div id="disclaimer" >After 30 Days you'll have the option to keep your account for $15 per month -no contract required-or revert to a single page free account.*</div>

<script>
$(function ()  
{
  $('#disclaimer').popover(
  {
     trigger: 'hover',
     html: true,
     placement: 'right',
     content: 'hello world'
  });
});
</script>

或

$(document).ready(function()
{
  $('#disclaimer').popover(
  {
     trigger: 'hover',
     html: true,
     placement: 'right',
     content: 'hello world'
  });
});

Answer 2

我一直在寻找为什么我的弹出框在由于我的页面上发生的事件而被自动禁用后无法工作（一个复杂的应用程序，根据正在发生的状态启用/禁用的东西） )，关键是不要让它准备好文档，而是将它放在一个函数中，因为它在单击按钮时文档初始化后启用。