Erzwingen DOMContentLoaded Ereignis auf Fenster vor jQuery Dokument bereit

Question

Sagen, ich habe die folgenden zwei Script-Tags irgendwo auf meiner Seite:

<script> 
    window.addEventListener("DOMContentLoaded", 
     function() 
     { 
      console.log("DOM loaded"); 
     } 
    ); 
</script> 
... 
<script> 
    $(document).ready(
     function() 
     { 
      console.log("Document ready"); 
     } 
    ); 
</script> 

Gibt es eine einfache Art und Weise, dass das vor $().ready DOMContentLoaded-Ereignisse ausgelöst zu erzwingen?

Dies ist ein vereinfachtes Beispiel für mein tatsächliches Problem. Das wirkliche Problem, dem ich gegenüberstehe, ist, dass das DOMContentLoaded-Ereignis in einer Bibliothek eines Drittanbieters registriert ist, die ich am Ende des Rumpfs meiner Seite einschließe, und ich habe viel zu viele Anrufe, um sie alle schnell zu ändern. Ich könnte theoretisch window.addEventListener zu document.addEventListener ohne irgendwelche Probleme zu erstellen, aber weil ich jQuery in meinem Kopf der Seite einschließen, alle $().ready Aufrufe noch vor document.addEventListener("DOMContentLoaded"...), wie here beschrieben, und ich kann nicht vernünftigerweise bewegen die Include-Position von jQuery oder diese Drittanbieter-Bibliothek. Ich möchte auch vermeiden, Änderungen an der Third-Party-Bibliothek, wenn möglich.

Answer 1

können Sie $.holdReady()

<script> 
    $.holdReady(true); 
    window.addEventListener("DOMContentLoaded", function() { 
     console.log("DOM loaded"); 
     $.holdReady(false); 
    }); 
</script> 
... 
<script> 
    $(document).ready(function() { 
     console.log("Document ready"); 
    }); 
</script>