Question

我的html文件中有一个包含多行和多列的表。我正在动态地为一个'td'元素分配一个boostrap工具提示：

$('td.someclass').data('tooltip','old tooltip msg');
$('td.someclass').tooltip({
                    placement : 'top',
                    trigger: 'hover focus',
                    title: function(){ return $(this).closest('td').data('tooltip');}
                });

我正在更改某些事件的'td'元素的数据工具提示，以便我的工具提示更新：

$('td.someclass').data('tooltip','new tooltip  msg');

它按预期工作正常，但我有疑问。当我在浏览器中检查元素时，我发现工具提示是在body元素结束之前插入的。我的意思是，它的父母只是身体元素。然而，它能够使用nearest（）方法找到正确的'td'。这是怎么回事？

Answer 1

尝试定义其容器

// Clean svg content (if you want to update the svg's objects)
// Note : .html('') doesn't works for svg in some browsers
$('#svgObject').empty();
// add some objects
$('#svgObject').append('<polygon class="svgStyle" points="10,10 50,10 50,50 10,50 10,10" />');
$('#svgObject').append('<circle class="svgStyle" cx="100" cy="30" r="25"/>');

// Magic happens here: refresh DOM (you must refresh svg's parent for Edge/IE and Safari)
$('#svgContainer').html($('#svgContainer').html());

请参阅here

bootstrap工具提示/ popover功能问题

1 个答案: