onsenui 2等待元素被加载

Onsen Ui 2 wait for elements to be loaded

本文关键字:加载 元素 等待 onsenui      更新时间:2023-09-26

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

改变了这些div

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

通常等待初始元素,您可以这样做:

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