twitter-bootstrap - 引导工具提示中的链接 href 属性显示

Question

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

<a href="LINK" data-toggle="tooltip" title="text_">over me</a>

如何在工具提示引导程序中显示属性（href）的链接？

Answer 1

如果您阅读了 Bootstrap 文档（http://getbootstrap.com/javascript/#tooltips），那么您可以扩展您刚刚使用的代码，但我想您还没有。但这是您要查找的代码：

$(document).ready(function() {
  $('[data-toggle="tooltip"]').tooltip({
    selector: true,
    title: function() {
      return $(this).attr('href');
    }
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" />

<a href="LINK" data-toggle="tooltip" data-placement="bottom" title="Some Text!">Hover over me</a>