Hamburger-Symbol wird nicht angezeigt, auch wenn ich componentHandler.upgradeDom() aufrufen;

Question

Nach http://mdlhut.com/2015/07/where-is-the-mdl-drawer-icon/ sollte es so lange funktionieren, wie ich componentHandler.upgradeDom() aufrufen, nachdem ich das HTML dynamisch geladen habe. Um sicherzustellen, dass ich das upgradeDom korrekt anrufe, habe ich die Schaltfläche hinzugefügt, um zu sehen, ob der Ripple-Effekt hinzugefügt wird. Und die Schaltfläche wird aktualisiert, aber das Hamburger-Symbol wird nicht angezeigt.

Wenn ich das HTML inline, erscheint das Hamburger-Symbol.

Answer 1

Da Sie den HTML-Code dynamisch laden, sollten Sie Folgendes in Ihrer Init-Funktion ausführen, nachdem die DOM geladen ist. Beachten Sie, dass die setInterval Funktion DOM hat genug Zeit, um sicherzustellen, bevor die Ausführung die componentHandler Methode

jQuery

$(document).ready(function() { 
     setInterval(function() { 
      componentHandler.upgradeAllRegisteredElements(); 
     }, 1000); 
}); 

DOM API

document.addEventListener('DOMContentLoaded', function() { 
     setInterval(function() { 
      componentHandler.upgradeAllRegisteredElements(); 
     }, 1000); 
});