Question

我一直在尝试jQuery Tooltip from Bootstrap，这需要相当多的额外属性：

<a rel="tooltip" data-placement="right" data-original-title="Hello" href="#">Tooltip Example</a>

虽然这似乎有点问题，因为我使用rel =＆＃34; nofollow＆＃34;在我想要使用工具提示的很多网址上，它不允许我同时使用这两个网址。

更重要的是，我希望为没有启用JavaScript的浏览器的用户提供优雅的备用。

我想知道是否有一种方法可以让jQuery Tooltip将title=""属性视为data-original-title，并为data-placement设置默认预设。

小提琴：http://jsfiddle.net/FhGT3/

Answer 1

当然有。你只需添加title =“”，它就会选择文本作为工具提示。

<a rel="tooltip" data-placement="right" title="my title" 
data-original-title="Hello" href="#">Tooltip Example</a>

以下是一个示例：

http://jsfiddle.net/sunnykumar08/FhGT3/4/

还有第二个问题：是的，您可以为数据放置设置默认预设。您只需指定“数据放置：”

谢谢！

Answer 2

您可以直接致电工具提示。假设您提供了所有<a>个标记，您希望工具提示类runtooltip

<a href="runtooltip" class="runtooltip" rel="nofolow" title="My Tip!">Something</a>

就在</body>之前

<script>
$('.runtooltip').each(function () {
    var $this = $(this); 
    var options = {
        placement: 'top'
    }
    $this.tooltip();
});
</script>

你可以在这里看到jsfiddle http://jsfiddle.net/8gQ7L/

来自html title属性的jquery工具提示

2 个答案: