Отображение атрибута ссылки 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/), вы сможете расширить код, который вы только что использовали, но я думаю, что вы этого не сделали. Но вот код, который вы ищете:

$(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>