Onsen Ui 2等待加载元素

Question

我正在使用 Onsen Ui 2 。在我的页面中，我创建了一个带有一些div的ons页面。之后是我的javascript，它通过document.getElementById("mydiv").innerHTML = "Hi";

来更改其中的一些div

我得到的错误是元素未定义，尽管它应该已经加载了。当我将alert();粘贴到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
    // ...
  }
});