将bootstrap工具提示添加到动态创建的按钮

Question

我动态创建这样的按钮：

var my_button = document.createElement('button');
my_button.setAttribute('id', "the_id");

我正在尝试使用这些按钮的Bootstrap工具提示，但我无法让它工作。

my_button.setAttribute('data-toggle', 'tooltip');
my_button.setAttribute('data-placement', 'top');
my_button.setAttribute('title', 'this is my text');

在$（document）.ready（function（）中我有

$('[data-toggle="tooltip"]').tooltip();

为了尝试处理按钮是动态创建的事实，我使用：

$('body').tooltip({ selector: '[rel=tooltip]' });

我已经找到了所有必要的bootstrap文件，并使用文本元素标记测试了工具提示，并且工作正常。

当我将鼠标悬停在按钮上时，没有任何反应。

Answer 1

在创建dom元素之后调用此脚本：

$('[data-toggle="tooltip"]').tooltip();