在触发之前让 $(document).ready 等待一个事件

Question

对于一些使用 $(document) 的库。准备设置处理程序。

如果将处理程序应用于自定义元素并且 html 使用标准 polyfill 导入，它们将会中断。

使用自定义元素时，这些事件必须等待 WebcomponentsReady 事件被触发

Answer 1

解决方法（这里也提到了https://github.com/jquery/jquery/issues/2638）

就是使用jQueryholdReady方法

$.holdReady( true );
window.addEventListener("WebcomponentsReady", function() {
  $.holdReady( false );
}

这应该适用于所有浏览器

编辑：修复了 addEventListener