Can'；在使用javascript创建元素时，不要让引导工具提示起作用

我对jquery和js都是新手，所以我希望我没有犯愚蠢的错误。 我有以下js代码：

var speechText = "Purpose of use:<br/>"; 
speechText += "<script>$(function(){$(\".simple\").tooltip();});</script>";
speechText += "<a href=\"#\" class=\"simple\" title=\"day to day use\" data-placement=\"top\" data-toggle=\"tooltip\">simple use</a>";
speechElement.innerHTML = speechText;

var speechText=“使用目的：
”；
speechText+=“$（函数（）{$（\“.simple\”）。工具提示（）；}”）；”；
speechText+=“”；
speechElement.innerHTML=speechText；

此函数用于更改html页面上元素的内容。 调用此函数时，一切都正常，包括显示“简单使用”链接，但工具提示不会出现。 我试着在html文档本身上写下确切的东西，结果成功了。

---

我缺少什么？

首先，使用innerHTML作为文本插入DOM的脚本标记将不会执行。看见只是脚本标记的一些背景信息，默认情况下，它们在pageload上以同步方式解析，这意味着从早期的脚本标记开始，然后从DOM树向下解析。但是，此行为可以通过

defer

和

async

属性进行更改，请参见

但是，您可以创建脚本节点，为其分配属性节点和内容，并将此节点附加到DOM中的一个节点（或插入到DOM中的另一个节点），如前面SO链接（此处：）中的答案所示

其次，您不需要将这段JavaScript注入DOM，只需在字符串连接的上下文中使用插件分配即可。因此，作为一个示例，您可以像这样重构代码：

HTML

var speechText = "Purpose of use:<br/>";
speechText += "<a href=\"#\" class=\"simple\" title=\"day to day use\" data-placement=\"top\" data-toggle=\"tooltip\">simple use</a>";
speechElement.innerHTML = speechText;
$(function(){ $(".simple").tooltip(); });

var speechText=“使用目的：
”；
speechText+=“”；
speechElement.innerHTML=speechText；
$（函数（）{$（“.simple”）.tooltip（）；}）；