jQuery Forum

I'm in an awkward situation right now and really confused about list performance.

I have this page:  http://pastebin.com/98iCYAfQ  (There is no template engine by the way. HTML is just an example to make you understand what kind of list I have.)

I populate hundreds of those LI elements (about 300) on the fly and put them into UL element at once. Data is in SQLite.

1. $('#myPage .ui-content ul').html(varMyListAsString).listview('refresh');

Then I initiate scroller:

1. scrollObject = new iScroll('wrapper', {

All these steps take 3-4 seconds on iPhone4 (max., usually it takes around 2-3) including fetching data, making list as a string, putting list into UL and initiate iScroll. But somehow it takes 5-6 seconds more to get it ready. I think it's because of rendering part or I'm really missing something here. 

At last, after initiating iScroll:

Is there a callback to see how long it has taken to render my list?

Or anyone out there has faced same problem? I have found some examples about long list performance but none of them has iScroll but I don't think iScroll is the problem because it only takes about a second to initiate.

Any idea?

Thank you.

In this screenshot, there is a native select menu. When I click on select element, that native screen shows up. Is there anyway to trigger it myself?

I mean, I have a button that says "Pick a Date". Is it possible to trigger that kind of native screen when I click on the button?

Thanks.

I have scrollview implemented to my project successfully, well, at least I assumed that but just aware of something yesterday.

Scrollview doesn't work on some pages. It adds all needed classes etc. to correct elements but there is no scrolling action somehow.

Here is a sample HTML from my project. My List page, which contains a list with dynamic content works fine. Once all dynamic content loaded, I call $('.selector').listview('refresh')

That makes scrollview to know the changes. I don't really know that but this is the only difference between functions which fill up these with content.

Anyway, news part also has dynamic content but there is no method to call listview when it's completed because it's not a list component. Is there any way to make scrollview to aware of changes? Or even is that the problem which I'm having?

The reason of I think that way is that the pages which scrollview doesn't work on have same content hierarchy. 

"section.content article"

For example, I have another page which contains something like that:

That one works fine too but it also has no list. I'm really confused.

By the way, I didn't change scrollview.js and that means I still have:

Then, I tried to make a separated function (same function mostly but no binding) to call when news page loaded to see if it works but nothing changed. In none of these I have errors, so it's also really hard to figure out.

Any ideas would be appreciated. 

Thanks.

I have 2 pages in my application. One contains simple Login form and other contains custom design for TV Listings interface. I put my custom design in a page div but as you already know it makes my design fit to device's width.

My custom design's width is wide than device's width because of timeline part. Is it possible to enable a horizontal scroll? It would be perfect if it works with touch events.

Thank you.

-Umut