Question

我无法启动此工具提示。我的标题已经链接到Bootstrap和JQuery，但是当我悬停触发文本时，下面仍然没有提供任何工具提示：

<li class="col-md-3 port-feature">Harbor Size 
<a href="#" data-toggle="tooltip" data-html="true" title="code key...">
<i class="fa fa-info-circle fa-lg" aria-hidden="true"></i>
</a>

<script> $(document).ready(function(){ 
$('[data-toggle="tooltip"]').tooltip({
     container: "body",
});
</script></li>

你们有人能帮助我吗？提前致谢

Answer 1

＆＃13;

$(document).ready(function() {
  $('[data-toggle="tooltip"]').tooltip({
    container: "body"
  });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<br><br><br><br><br>
<li class="col-md-3 port-feature">Harbor Size
  <a href="#" data-toggle="tooltip" data-html="true" title="code key...">
    <i class="fa fa-info-circle fa-lg" aria-hidden="true">test</i>
  </a>
</li>

＆＃13;

工作

无法在<li>标记内启动此工具提示。为什么？

1 个答案: