Question

我在动态加载的几个按钮上使用BootStrap工具提示，我希望能够选择单个工具提示并强制它以编程方式显示。

我已经使用此代码在动态创建的按钮上显示工具提示：

    $('body').tooltip({
        selector: '.has-tooltip'
        , trigger: 'hover'
        , title: MyFunction
    });

之后，我找不到抓住个人工具提示的方法。每个按钮都有一个属性data-tooltip =＆＃34; MyId＆＃34;识别它。

我已经尝试过这些并且他们还没有为它工作。

$("[data-tutorial='lobby']").tooltip('show');
$('.has-popover').popover('show');
$('body').find("[data-tooltip='MyId']").tooltip('show');

任何人都知道怎么解决这个问题？

提前致谢

Answer 1

DEMO：http://jsbin.com/bojovu/1/edit

HTML：

<button class="show-me btn btn-defalt btn-lg" title="This is the title">My Tip</button>

jQuery的：

$(document).ready(function() {
  // show on load
$('.show-me').tooltip({placement: 'left auto',trigger: 'click'}).tooltip('show');

  //destroy on click
$('.show-me').on('click',function(){$(this).tooltip('destroy');});  

});

获取单独的Bootstrap工具提示

1 个答案: