我在一些动态加载的按钮上使用 BootStrap 工具提示,我希望能够选择单个工具提示并强制其以编程方式显示。
我已经使用此代码在动态创建的按钮上显示工具提示:
$('body').tooltip({
selector: '.has-tooltip'
, trigger: 'hover'
, title: MyFunction
});
之后我找不到获取单个工具提示的方法。每个按钮都有一个属性 data-tooltip="MyId"来标识它。
我已经尝试过这些方法,但没有效果。
$("[data-tutorial='lobby']").tooltip('show');
$('.has-popover').popover('show');
$('body').find("[data-tooltip='MyId']").tooltip('show');
有人知道如何解决这个问题吗?
提前致谢
最佳答案
演示: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');});
});
关于jquery - 获取单独的 Bootstrap 工具提示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25853751/