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>

OR

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

Answer 2

我一直在寻找一天，因为我的页面上发生的事件导致我的popover因为自动禁用而无法正常工作（一个复杂的应用程序，根据正在发生的状态启用/禁用的东西）并且关键是没有准备好文件，而是将它放在一个函数中，因为它在按钮点击后文档初始化后启用了。

Twitter Bootstrap Popovers无法正常工作

2 个答案: