提示中的工具提示丢失样式

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

通常，工具提示如下：

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

有人知道为什么会这样吗？