附加输入时如何定位 bootstrap 工具提示
How to position bootstrap tooltip when attach with inputs
使用下面的代码,我将 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);
根据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 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);
根据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);