JQueryMobile: simple url doesn't render properly after loading
-
25-09-2019 - |
Question
Situation: got a list of links which should load another list (located at the same server).
Problem: After clicking a link the content is being rendered as plain html.
Demo: http://covraag.nl/derma/index.html
Question: What am I doing wrong?
Solution
I won't post a direct answer to your problem as the example is unavaliable, but here are some mistakes that could be easily made:
- bad doctype or no doctype
- invalid html
- no wrapping HTML at all - jquery loads it with ajax, but expects a proper page
- typo in data-roles
- duplicated IDs on page
- missing data-role
[edit]
Everything looks ok at first glance. Only thing you do wrong is adding stuff in the head of the [letter].html - this is ignored when the site is fetched by the link. Try making the head section look the same in all html files. But I don't think this is why it doesn't work. I just bring it up, because it will create problems later.
Your problem is all in the head [Do I sound like Yoda? ;)] 1. your index has jqm 1.0a1 instead of a2 linked 2. there are some issues with jqm and jquery 1.4.4 that cause your kind of problems. Switch to jquery 1.4.3 - I tested, it works then