the index page do not trigger pageinit method

i write a page show messages,in the pageinit method i want ajax call the data service and add message to the page,but it not work,it seem only when the page change the pageinit method will call.

<div class="view view-main">
              <div class="navbar">
          <div class="navbar-inner">
            <div class="center sliding">Message Board</div>
            <div class="right"></div>
          </div>
        </div>
            <div class="pages navbar-through">
                <div data-page="messages" class="page no-toolbar toolbar-fixed">
                    <div class="page-content messages-content">
                        <div class="messages">
                            <div class="messages-date">
                                Sunday, Feb 9, <span>12:58</span></div>
                            <div class="message message-sent">
                                Message</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

[pedropamn]

I solve this issue this way:

myApp.onPageInit('home', function (page) {
	//functions
}).trigger();

[shastox]

Здравствуйте.

Та же проблема, пробовал использовать все ваши примеры (хочу сделать AJAX-запрос), получаю:

TypeError: $$ is undefined
$$.ajax({

Код такой:

document.addEventListener('pageInit', function (e) {
    page = e.detail.page;
    if (page.name === 'index') {
        $$.ajax({
            ...
        })
    }
});

// Initialize app
var myApp = new Framework7();

Задача: отправить AJAX-запрос при открытии index-страницы, т.е. самой первой.