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>