0

我正在尝试在网站上实现引导弹出窗口，但由于某种原因它不起作用。

控制台没有输出任何错误，我也发出了警报，只是为了检查 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"
4

3 回答 3

1

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

--引导文档

但是，如果您已经涵盖了这一点，那么您似乎需要为您添加一个 id attr 标记：

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

例子

于 2012-10-11T18:13:19.573 回答
0

这同时适用于所有元素。

$("[rel='tooltip']").tooltip();
于 2013-01-15T16:30:29.603 回答
0

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

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

另外，请尝试在正文脚本中不使用 type='text/javascript' 。

从

 <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>
于 2012-10-11T18:15:00.137 回答