Изменение заголовка всплывающей подсказки в Bootstrap 3

Question

У меня есть глификон, который представляет значок «перетащить на панель инструментов» для букмарклета на моей странице. Он также имеет всплывающую подсказку. Он отлично работает, но с проблемой;

Я хочу показать текст «перетащить это на панель инструментов» в качестве подсказки, когда я навещу глификон. Но когда я это делаю, после того, как я перетащил значок на свою панель инструментов, это имя также будет «перетаскивать его на панель инструментов», поскольку браузер читает атрибут title так же, как и функция tooltip(). Я уже пытался изменить атрибуты заголовка как привязки, так и диапазона, но не работал.

Как изменить функцию tooltip(), чтобы она считывала другой атрибут в качестве текста подсказки, чтобы изменить атрибут title на имя моего сайта.

Вот мой код:

<a href="javascript:void(location.href='http://example.com/create.php?url='+encodeURIComponent(location.href))" title="example.com" onclick="return false"> 
    <span class="bookmarklet glyphicon glyphicon-link hidden-xs hidden-sm" aria-hidden="true" data-toggle="tooltip" data-placement="left" title="✚ example.com" tooltip-text="drag this to your toolbar"></span> 
</a> 

, а также

<script> 

$(document).ready(function(){ 
    $(".bookmarklet").tooltip(); 

}); 
</script> 

Answer 1

Попробуйте это:

$(document).ready(function(){ 
    $(".bookmarklet").tooltip(
    title: function(){ 
      return $(this).attr('tooltip-text'); 
      }) 
});