Hello,

Having problems with a tooltip created dynamically over an icon in jQuery as in the provided code example:

$('[data-criteria]').each(function ()
 {
     if ($(this).attr("data-criteria") === "undefined")
     {
         $(this).removeAttr("data-criteria");
     }
     else
     {
         $(this).append(" <a style='white-space: nowrap;'><i class='fa fa-info-circle' data-toggle='tooltip' data-html='true' data-placement='top' title='" + $(this).attr('data-criteria') + "'></i></a>");
     }
 });

Funnily, when I move the code around from document.ready to/from window.onload the mdbootsrap tooltip shows up but is not sustained between page reloads.

On any other eleements on my page (buttons) the tooltip shows up correctly.

Any hints on that? Thanks in advance.

PS. No option here to upload images from my dev machine. The dialog for that says "Source", but there's no possibility to drag/drop or select an image.