Search jQuery

jQuery Forum

Screen name:
katzenjammer12

katzenjammer12's Profile

2 Posts

4 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

after load() styles are lost
[9Replies]
- 25-Feb-2013 03:35 PM
- Forum: jQuery Mobile
hi,

i am loading some content and placing it in a div. the content contains several different form elements, unfortunately jquery mobile doesn't update the styles. i have seen tons of articles and posts about that issues and none of them seem to help my case. what to do?

this is some of my html
1. <!DOCTYPE html>
2. <html>
3. <head>
4. <title>test</title>
6. <link rel="stylesheet" href="jquery.mobile-1.3.0/jquery.mobile-1.3.0.css">
7. <script src="http://code.jquery.com/jquery-1.8.2.js"></script>
8. <script src="jquery.mobile-1.3.0/jquery.mobile-1.3.0.js"></script>
10. <script>
11. $(document).ready(function() {
12. $("a.link1").click(function() {
13. $("#here").load("fall2.html");
14. $("#here").trigger("create");
15. });
16. });
17. </script>
18. </head>
19. <body>
20. <div data-role="page">
22. <div data-role="panel" data-position="left" data-display="push" id="mypanel">
23. <div class="ui-bar ui-bar-a">Topic</div>
24. <div>
25. <ul data-role="listview">
26. <li><a class="link1" href="#fall_1">Fall 1</a></li>
27. </ul>
28. </div>
29. </div>
31. <div data-role="header" id="p_header">
32. <h1>Test</h1>
33. <a href="#mypanel" data-icon="bars" data-iconpos="notext">Navigation</a>
34. </div>
36. <div data-role="content" id="here" class="ui-grid-a">
37. <div class="ui-block-a">
38. text
39. </div>
40. <div class="ui-block-b">
41. <fieldset data-role="controlgroup">
42. <input type="radio" name="radio-choice-1" id="radio-choice-1" value="choice-1" checked="checked">
43. <label for="radio-choice-1">1</label>
44. <input type="radio" name="radio-choice-1" id="radio-choice-2" value="choice-2">
45. <label for="radio-choice-2">2</label>
46. <input type="radio" name="radio-choice-1" id="radio-choice-3" value="choice-3">
47. <label for="radio-choice-3">3</label>
48. <input type="radio" name="radio-choice-1" id="radio-choice-4" value="choice-4">
49. <label for="radio-choice-4">4</label>
50. </fieldset>
51. </div>
52. </div>
53. </div>
54. </body>
55. </html>
what's wrong?

thank you for the help

book layout, change only one page
[1Reply]
- 23-Feb-2013 10:59 AM
- Forum: jQuery Mobile
hi,

i just started working with jquery mobile and have so far only used the "normal" multiple page layout as shown in the demo section.

for a little project on the ipad (landscape), i would like to have two pages next to each other (like in a book) and be able to only change one of the pages by clicking on a "link".

Is this possible with jquery mobile and if so how is it done? if you could provide me with some links i would be very thankful

cheers
katzenjammer12

«Prev
Next »

Response title

Attachments

jQuery Forum

Activity Trend