jquery - 工具提示在追加中丢失了样式

Question

附加元素的代码基本上是这样的：

$(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();
      });
  });
});

通常工具提示如下所示：

但是在我添加附加后它看起来像这样：

有谁知道为什么会这样？

标签： jquerybootstrap-4tooltip