工具提示未在悬停时显示

时间:2013-04-26 14:27:00

标签: javascript jquery twitter-bootstrap

引导工具提示仅在焦点上显示,而不是悬停。工具提示在右侧正确显示。使用Bootstrap 2.3.1。在data-trigger='focus'上使用<span>也没有任何效果。适用于Firefox。在Chrome 27中不起作用。适用于Chrome 28(Canary)。

完整的HTML:

<!doctype html>
<head>
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script src="js/bootstrap.js"></script>
</head>
<body>
            <span class='qinfo' title="Message 1">(?)</span>
            <span class='qinfo' title="Message 2">(?)</span>
</body>

JS:

$('.qinfo').tooltip({'placement':'right','trigger':'hover'});

2 个答案:

答案 0 :(得分:1)

这是仅在Chrome 27中出现的问题。由于其他版本的Chrome没有问题,并且使用$('.qinfo').tooltip({'placement':'right','trigger':'hover'});的其他浏览器没有问题。关于它没什么可做的。

答案 1 :(得分:-1)

选项触发器是默认的悬停和焦点,因此您不必设置那个。