Question

使用Bootstrap的Tooltips功能，遇得到个问题，请教各位，感激不尽

我想使用tooltip的样式，但不想鼠标经过标签时弹出，而是鼠标点击标签时才弹出，然后鼠标移开也不会消失，等到鼠标点击该标签之外的地方时再收回。请教各位，这个有解决办法吗？非常感谢！！！
隔夜没答复。。。恳请各位指点一二！

Answer 1

$(function () {
    var options = {
        animation: true,
        trigger: 'focus' //触发tooltip的事件
    }
    $('.atip').tooltip(options);
});

追问

focus只能在input框中使用，我要显示tooltip的是个标签，，

追答

<a class="atip" href="#" data-toggle="tooltip" data-placement="top" title=""
            data-original-title="Tooltip on top">Tooltip on top</a>

用a标签嘛

追问

谢谢答复，不过还是不行，直接贴上你的代码点击还是没有反应。。请指教

追答

追问

恩，多谢。在google和safri浏览器中不行，火狐和IE可以，因为谷歌和safri鼠标移开链接就会重新失去焦点（文字下面的横线消失可以看出）。在找其他办法，非常感谢！！

追答

<script type="text/javascript">
    $(function () {
        var options = {
            animation: true,
            trigger: 'manual' //触发tooltip的事件
        }
        $('.atip').tooltip(options).click(function (event) {
            event.stopPropagation();
            $('.atip').not(this).tooltip('hide');
            $(this).tooltip('toggle');
        });
        $(document).click(function () {
            $('.atip').tooltip('hide');
        })
    });
</script>

瞧好了吧您内