附加输入时如何定位 bootstrap 工具提示

Question

使用下面的代码，我将 bootstrap tooltip 附加到文本框。现在我想知道如何将它定位在顶部或底部、左侧和右侧？

在我的例子中，tooltip 出现在文本框的顶部，但我希望它显示在底部。

var options = { 
    html: true, 
    title: '<div class="tooltip-alert alert-danger" data-placement="bottom">' + message + '</div>' 
};

$(inputElement).addClass('validation-error');
inputElement.tooltip("destroy").addClass("error").tooltip(options);

Answer 1

根据documentation你需要设置placement选项来实现你所需要的。试试这个：

var options = { 
    html: true, 
    placement: 'bottom',
    title: '<div class="tooltip-alert alert-danger" data-placement="bottom">' + message + '</div>' 
};

$(inputElement)
    .addClass('validation-error error')
    .tooltip("destroy")
    .tooltip(options);

附加输入时如何定位 bootstrap 工具提示

How to position bootstrap tooltip when attach with inputs

jquery

twitter-bootstrap

tooltip