javascript - Onsen Ui 2 等待加载元素

Question

我正在使用Onsen Ui 2。在我的页面中，我创建了一个包含一些 div 的 ons 页面。之后是我的javascript，它通过获取它来更改其中一些divdocument.getElementById("mydiv").innerHTML = "Hi";

比我得到元素未定义的错误，尽管它应该已经加载并在那里。当我alert();在前面粘贴 a 时，document.get...它首先会显示警报，然后当用户单击它离开时，程序继续执行代码：比元素已加载并且代码有效。如何等到它加载？

Answer 1

通常要等待您可以执行的初始元素：

ons.ready(function(){
  document.getElementById("mydiv").innerHTML = "Hi";
});

如果您还使用某种导航并想要等待特定页面：

document.addEventListener('init', function (e) { 
  if (e.target.id == 'myOnsPageId') { // id of the ons-page, NOT the ons-template
    // ...
  }
});