Onsen Ui 2 等待元素加载

Question

我正在使用温泉Ui2。在我的页面中，我创建了一个包含一些 div 的 ons-page。在那之后是我的 javascript，它通过 document.getElementById("mydiv").innerHTML = "Hi";

来改变其中的一些 div

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

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
    // ...
  }
});

Onsen Ui 2 等待元素加载

Onsen Ui 2 wait for elements to be loaded

html

javascript

onsen-ui

onsen-ui2