jQuery Forum

Hello, I have few problems.

I try to use http://imakewebthings.com/jquery-waypoints/shortcuts/infinite-scroll/, to load more in my list when i arrive on the end of the list.

I do not found better way for that. I have a lot of data.

So It works. BUT. When I load from another php. more <li> rows, and they have right classes attributes, but somehow I do not have the usual list look like in normal way wit JQM.

I can not figure out why it do not formating it.

Another stuff is, that I can not find a logic or way, how to make that if I have a data from complicated query, how to get first 10 data, after when i finished another data what is in my query after the first 10 one ....

I do not have ordering by IDs, so I can not use it like if smaller, or if bigger.

Example:

list-item2
list-item33
list-item4
list-item1
list-item0
list-item22
list-item3
list-item8
list-item9
list-item14
list-item224

I want to load first 3:
list-item2
list-item33
list-item4

when I scroll to last item list-item4 to show more 3
list-item2
list-item33
list-item4
list-item1
list-item0
list-item22

and like that...

I need to make a website with jquery mobile and I will have long list. How I can make a good code to do not show all at first time? something like pagination with numbers or, when I scrolling down it starts to show and load more and more of the list.

What if I have like around 1000 elements in one list?
I was thinking to do something like on this website:
http://m.ikea.com/se/sv/catalog/functional/15923/18860/

OR

http://m.opentable.com/#/?pageIndex=0&latitude=38.9072309&longitude=-77.0364641&searchDate=2013-11-19T19:00:04&partySize=2&address=Washington,%20D.C.,%20DC&orderBy=5&tzOffSet=-5&neighborhoods=null&cuisines=null&prices=null&popOnly=false&offersOnly=false

Is there someone who know how to make it? And what is the easiest way?
Thank you.