Question

我正在尝试在网站上实现引导程序弹出窗口但由于某种原因它无效。

控制台没有输出任何错误，我也发出了一个警告，只是为了检查JS是否正常工作而且是。

我的代码是：

头：

  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script src="js/bootstrap.js" type="text/javascript"></script>

  <script type='text/javascript'>
     $(document).ready(function () {
      alert("Aaaa");
       $('#example').tooltip();
     });
  </script>

HTML

<a href="#" rel="tooltip" data-placement="right" 
   data-original-title="Tooltip on right"

Answer 1

出于性能原因，Tooltip和Popover data-apis是选择加入的。如果您想使用它们，只需指定一个选择器选项。

- Bootstrap Docs

但是如果你已经覆盖了它，那么你似乎需要在标签上添加一个id attr：

<a href="#" rel="tooltip" data-placement="right" data-original-title="Tooltip on right">Stuff</a>

Example

Answer 2

[编辑]先尝试另一个答案。

我认为你需要在你的html中选择一个id来引用你的JS

此外，请尝试不使用类型=＆＃39; text / javascript＆＃39;在正文剧本中。

这

 <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script src="js/bootstrap.js" type="text/javascript"></script>

  <script type='text/javascript'>
     $(document).ready(function () {
      alert("Aaaa");
       $('#example').tooltip();
     });
  </script>

到 -

 <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script src="js/bootstrap.js" type="text/javascript"></script>

  <script>
     $(document).ready(function () {
      alert("Aaaa");
       $('#example').tooltip();
     });
  </script>

Answer 3

这适用于所有元素。

$("[rel='tooltip']").tooltip();

Bootstrap Popover不工作

3 个答案: