Response title
This is preview!
Move this topic
Problems with nested listviews in jQueryMobile
in jQuery Mobile
•
10 years ago
Visit this link for example:
1
Replies(4)
Leave a comment on zSprawl's reply
Re: Problems with nested listviews in jQueryMobile
10 years ago
Ok, I'll put it another way.
Visit the link above, select "animals" and then hit the browsers refresh button.
You should hit an error.
Leave a comment on tbuzzer's reply
Re: Problems with nested listviews in jQueryMobile
10 years ago
Yep, syntax error:
Uncaught Error: Syntax error, unrecognized expression: #&ui-page=0-8
Leave a comment on servarevitas3's reply
Re: Problems with nested listviews in jQueryMobile
10 years ago
The problem lies in the fact that, when you go directly to the URL, its trying to go to a page that doesn't exist (or in the case of a refresh, no longer exists).
When you write a nested list, the framework takes all of the nested li elements and actually builds an entirely new page from them - hence the page transition effects and loss of headers/footers etc. Go to the root of that list and look at in in Inspector or Firebug - see all those divs that look a bit like this?:
- <div data-role="page" data-url="/demos/1.1.0/docs/lists/lists-nested.html&ui-page=0-7" data-theme="null" data-count-theme="c" tabindex="0" class="ui-page ui-body-null">
They contain the lists that are nested in the main content list. When you click on the parent of the list in your browser, you're actually taken to a brand spanking new and dedicated page, made just for that list.
This causes a few issues (like refreshing on one of these pages causing infinite loads or taking you back to the parent with weird artefacts or incorrectly overlaid back buttons). Its not an ideal implementation, and I really hope they're looking at it.
Leave a comment on squishyfishy's reply
Change topic type
Link this topic
Provide the permalink of a topic that is related to this topic
Reply to tbuzzer's question