javascript - 动态更改 Bootstrap 工具提示位置

Question

我试图动态更改工具提示的位置，但它不起作用。

<input type="text" id="sample" title="Tip">
<button name="change me" id="changeBtn">Change Tool Tip!</button>

对于 js:

//Initiall tooltip for all elements
$("[title!='']").tooltip();

$("#changeBtn").click(function () {
    //Change tooltip placment
    $("#sample").tooltip({placement : 'left'}).tooltip('show');

})

http://jsfiddle.net/znvv9ar5/

我在 Change Twitter Bootstrap Tooltip content on click 找到了一个很好的答案它显示了如何使用 tooltip('fixTitle') 方法动态更改工具提示文本。但是找不到要放置的东西。

Answer 1

在 Bootstrap 2.x 中，答案是:

$('#sample').data('tooltip').options.placement = 'right';

但是，从 Bootstrap 3 开始，所有 Bootstrap 数据都使用 bs 命名空间:

$('#sample').data('bs.tooltip').options.placement = 'right';

代码:

$("#changeBtn").click(function () {

    $('#sample').data('tooltip').options.placement = 'left';
    $("#sample").tooltip('show');

});

Play it here