当根据该列对表进行排序时，无功表列标题中的工具提示停止工作

Question

我使用reactive-table包创建表并且遇到了向标题添加工具提示的问题。基本上，我试图在我的column title中使用tooltip这种方式，当用户将光标放在它上面时，会弹出一些关于该列的信息。这是我必须做这项工作：

{ key: 'example', 
    label: function() { 
    return new Spacebars.SafeString('<span data-toggle="tooltip" title="This is some example text for the tooltip!">Example Title </span>'); 
    } 
}, 

要初始化工具提示：

Template.myTemplate.onRendered(function() { 
    // Tooltip 
    $("[data-toggle=tooltip]").tooltip(); 
}); 

当我第一次刷新它的工作原理正是因为它应该的页面，当我把我的光标放在标题出现工具提示。我遇到的问题是，当我点击该标题对基于该列的表格行进行排序时，当我这样做时，工具提示停止工作。我可以点击任何其他列标题并根据这些标题对表格行进行排序，它仍然可以工作，但是当我用工具提示单击它时，会导致工具提示无法工作，除非我刷新页面。

任何想法，为什么会发生这种情况或我可以如何解决它？

Answer 1

我解决了这个问题，为我的标签使用模板并将工具提示放在里面，而不是使用函数。然后，我将该工具提示初始化JS放入该模板.onRendered中。

实施例：

的.html

<template name="myColumnLabel"> 
    <span data-toggle="tooltip" title="This is some example text for the tooltip!">Example Title</span> 
</template> 

的.js

Template.myColumnLabel.onRendered(function() { 
    // Tooltip 
    $("[data-toggle=tooltip]").tooltip(); 
}); 

的.js（反应性表）

{ key: 'example', label: Template.myColumnLabel }