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

Add bootstrap tooltip to dynamically created button

本问题已经有最佳答案，请猛点这里访问。

我动态地创建如下按钮：

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

我正试图用引导工具提示来使用这些按钮，但是我不能让它工作。

1
2
3

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

在$(document).ready(function()中，我有

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

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

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

我已经获得了所有必要的引导文件，并使用文本元素标记测试了工具提示，这很好。

当我将鼠标悬停在按钮上时，什么都没有发生。