Javascript 动态更改引导工具提示的位置

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

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

---

我找到了一个很好的答案，显示了如何使用

tooltip（'fixtTitle'）

方法动态更改工具提示文本。但是找不到放置的东西。

虽然我不喜欢使用！重要的是，在这种情况下，稍微作弊确实有帮助

.tooltip {
    left: 12px!important;
}

结果,

您可以通过单击应用此CSS

尝试使用工具提示上的“销毁”并再次绑定它

$("#sample").tooltip("destroy").tooltip({placement : 'left'}).tooltip('show');

---

在Bootstrap 2.x中，答案是：

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

但是，从Bootstrap 3开始，所有引导数据都用bs命名：

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

代码：

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

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

});

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

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

});