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

【问题标题】：link href attribute display in bootstrap tooltip引导工具提示中的链接 href 属性显示
【发布时间】：2015-07-24 21:03:01
【问题描述】：

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

&lt;a href="LINK" data-toggle="tooltip" title="text_"&gt;over me&lt;/a&gt;

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

【问题讨论】：

代码确实有效！！！但是在您的 sn-p 中，您既没有包含 jquery 也没有 bootstrap.js！您包括这些，它按预期工作！

标签： twitter-bootstrap twitter-bootstrap-tooltip

【解决方案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>

【讨论】：