Incomplete tutorial for the "ons-page"

tbrcrl

Hello, in the following tutorial
The ons object
at page 3/4 it is written
"In this example we are using ons.ready(fn) which waits until the page is completely loaded before executing a callback function."
In the JS code I do not see any

ons.ready(fn)

but only a

document.addEventListener('init', function(event)

The

ons.ready(fn)

must be inserted before the

document.addEventListener('init', function(event)

? And must the

ons.ready(fn)

be used always, for any page like the

$(document).ready(function(){

for jQuery?

Thanks

Fran Diox

@tbrcrl Hi, thanks for reporting, we’ll update the tutorial info!
ons.ready only works once, it’s like DOM ready event. If you want to initialize a page, use the init event just like is done in the tutorial.

tbrcrl

Thanks. I need just one more clarification; If in the same .js file I have both jQuery code and Onsen code, shall I put the Onsen code inside the ons.ready and the jQuery code inside the DOM ready event? that is

ons.ready(function() {
  // Onsen JavaScript code
});

$(document).ready(function(){
    // jQuery JavaScript code
});

Thanks

Fran Diox

@tbrcrl I think you can use ons.ready for everything. It should be almost the same as $(document).ready, if not the same.