Scrolling in Ajax loaded pages problem

[pezzo]

Hi, I'm working on a webapp built with jqt+jqt.bars+ajax loading of entire content. I load dynamically every page , trying to replicate the required jQT page format. My aim is to enable the scrolling in a few pages , so that the full pages should scroll and tabbar remain fixed.

After loading , for each page I finally trigger the event :

$("#jqt").trigger("pageInserted", { page: $("#c_"+i) })}.

(Where $("#c_"+i) is the actual ID of the page , and I used the selector $("#jqt") because I want the full page to scroll )

This loads custom scrollpane correctly , but it doesn't work as expected (in mobile device or simulator) : tap/click event doesn't trigger scrollling from most of the page content. It always works from toolbar , and where there's empty space. For example , If I have a div that fits into all my page , scrolling not works but from the toolbar. I tried to insert margin to that DIV , and in the areas left free scrolling works..

For simplicty purpose , I paste here the code of a PAGE generated via AJAX (WITHOUT calling the $("#jqt").trigger("pageInserted", { page: $("#c_"+i) })}

http://pastebin.com/hmNt5RpR

Any ideas?? Thanks a lot in advance!! Your project rocks!!!!!!!!!!!!

[pezzo]

Another issue that I've just noticed : if I load the bottom bar LINKS , dynamically via AJAX , the order is not as expected. Foreach page I append to the UL of the tabbar the proper stucture,but the order of the pages changes randomly a few times.. Is there any event to handle that??

[pezzo]

I've resolved the second issue (changing loading position). For the first issue instead , I've noticed that if I delete from my code the header section , the scroll actually works very well!! I'm investigating on it.. Any suggestions?

[dmasini]

Pezzo, where are you loading the event? In the loaded page or in the main HTML?

[pezzo]

in the loaded page!