Jquery 工具提示在附加中丢失样式

附加元素的代码基本上如下所示：

$(document).ready(function(){
  $("#el").on("click", function(){
      $("#class").append("\
          <!-- Add content -->\
          <div class='input-group-append' data-toggle='tooltip' data-placement='top' title='Agregar lección'>\
              <a href='javascript:void(0)'>\
                  <span class='input-group-text btn-default'>\
                      <i class='mdi mdi-plus'></i>\
                  </span>\
              </a>\
          </div>\
      ");
      // Tooltip
      $("[data-toggle = 'tooltip']").each(function(){
         $(this).tooltip();
      });
  });
});

$（文档）.ready（函数（）{
$（“#el”）。在（“单击”，函数（）{
$（“#类”）。追加（”\
\
\
\
\
");
//工具提示
$（“[data toggle='tooltip']”）。每个（函数（）{
$（this.tooltip（）；
});
});
});

工具提示通常如下所示：

但在我用append添加之后，它看起来是这样的：

---

有人知道为什么会发生这种情况吗？

当页面加载时，您很可能在

tooltip（）

调用中定义了一些设置，这些设置在动态添加新工具提示时没有设置。或者，新的工具提示可能位于DOM中的不同位置，CSS规则不会基于父元素应用于该位置。我们不能肯定地说，没有看到一个有效的例子problem@RoryMcCrossan谢谢你的回答！我发现了问题。。。jquery-ui.js位于bootstrap.min.js之后，与此文件发生冲突。。