JQM event 'pageinit' not fires

Question

I am making a jQueryMobile and PhoneGap app. I need to call ajax in page init. Unfortunately it never fires:

$("#kontakty").bind('pageinit', function() {

is in the file with:

<div data-role="page" id="kontakty">

When navigating from page A.html to kontakty.html, my event is not fired. I tried replacing bind with live, but no success. I also tried pageshow, pageinit, pagechange... and all methods form jQM docs.

The weird thing is that, when I change "#kontakty" with document, it works. But I cannot make it permament, because it calls with every other .html file I do open (it is not good).

Thanks in advance.

In which page did you put the javascript A.html or kontacty.html? — Manatok, Sep 12 '12 at 08:03
no thats fine, having a look here: http://stackoverflow.com/questions/7544023/how-to-initialize-pages-in-jquery-mobile-pageinit-not-firing his JS was not inside the — Manatok, Sep 12 '12 at 08:09

score 3 · Accepted Answer · edited May 23 '17 at 10:34

3

Having a look here it could be that your JavaScript is not inside the <div data-role=..

I would also change your .bind to a .live as they have in the docs.

edited May 23 '17 at 10:34

Community

1
1

answered Sep 12 '12 at 08:17

Manatok

5,506
3
23
32

JQM event 'pageinit' not fires

1 Answers1