动态更改引导工具提示放置

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

 Change Tool Tip! 

而对于js：

 //Initiall tooltip for all elements $("[title!='']").tooltip(); $("#changeBtn").click(function () { //Change tooltip placment $("#sample").tooltip({placement : 'left'}).tooltip('show'); }) 

http://jsfiddle.net/znvv9ar5/

我在Click Twitter Bootstrap Tooltip上找到了一个很好的答案，其中显示了如何使用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'); }); 

在这里播放

Answer 2

尝试在工具提示上使用“destroy”并再次绑定它

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

Answer 3

虽然我不喜欢使用！重要但在这种情况下它有助于作弊。

 .tooltip { left: 12px!important; } 

结果http://jsfiddle.net/znvv9ar5/1/ 。

您可以使用点击来应用此CSS。