引导工具提示,更改标题不选取 JavaScript 中定义的参数

Bootstrap Tooltips with changing titles not picking up parameters defined in JavaScript

本文关键字:JavaScript 选取 定义 参数 标题 工具提示      更新时间:2023-09-26

我正在通过Ajax更新内容的DIV上使用Bootstrap的工具提示。我无法控制 DIV,所以我必须在 JavaScript 中应用 Tooltip 参数。工具提示会根据返回的 Ajax 内容而更改。(这就是标题文本变量的用途)

我不知道为什么它没有拾取placementtrigger参数。它在顶部显示工具提示,并使用悬停而不是手动。谁能告诉我为什么?

$ajaxDiv.html(data)
        .tooltip('hide')
        .attr('data-original-title', titleText)
        .tooltip('fixTitle')
        .tooltip({ trigger : 'manual', placement : 'bottom' })
        .tooltip('show');

http://jsfiddle.net/17m69fjm/1/

$('#tooltip').tooltip('destroy');
//## recreated in order to accept changes
//## destroy function have problem
//## https://github.com/twbs/bootstrap/issues/10740
$('#tooltip')
.attr('title',titleText)
.tooltip({
    placement:'bottom',        
    trigger : 'manual'
});
$('#tooltip').tooltip('show');