温泉Ui 2は、要素の読み込みを待ちます

Question

私は温泉Ui 2を使用しています。私のページでは、いくつかのdivを含むons-pageを作成しました。その後、これらのdivのいくつかを変更してjavacriptを取得します。document.getElementById("mydiv").innerHTML = "Hi";

要素が定義されていないというエラーが表示されます。 document.get...の前にalert();を貼り付けると、警告が最初に表示されます。ユーザーがクリックすると、コードが表示されます。要素が読み込まれ、コードが機能するよりも早くなります。それがロードされるまでそれを待つ方法？

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

そして、あなたはまた、ナビゲーションのいくつかの並べ替えを使用して、特定のページを待つしたい場合：一般的にあなたが行うことができ、最初の要素を待つ

Answer 1

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