我有一个字形图标,它代表我页面上小书签的“拖动到工具栏”图标。它还有一个工具提示。它工作得很好,但有一个问题;
当我悬停字形图标时,我想将“将其拖到您的工具栏”文本显示为工具提示。但是当我这样做时,在我将图标拖到我的工具栏后,它的名称也会变成“将它拖到您的工具栏”,因为浏览器会像 tooltip() 函数一样读取标题属性。我已经尝试更改锚点和跨度的标题属性,但没有奏效。
如何更改 tooltip() 函数以使其读取另一个属性作为我的工具提示文本,以便我可以将标题属性更改为我的网站名称。
这是我的代码:
<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>