Search jQuery

jQuery Forum

Screen name:
jnyrup

jnyrup's Profile

1 Posts

1 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

dialog and load() in ie8
[1Reply]
- 20-Nov-2012 04:54 PM
- Forum: jQuery Mobile
I have a page (test.html) with a link to a dialog (dialog.html), that then loads a listview (list.html). This works in all browsers except ie7 and ie8. If I then make the dialog a separate page (test2.html) it loads the list fine in ie7 and ie8.

Any suggestions/solutions?
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Two minimal/simplified examples that represents my problem:
https://zero3.dk/guru/testing/test.html
https://zero3.dk/guru/testing/test2.html

test.html
2. <!DOCTYPE html>
3. <html>
4. <head>
5. <title>test</title>
6. <link rel="stylesheet" href="styles/jquery.mobile-1.2.0.min.css" type="text/css">
7. <script type="text/javascript" src="scripts/jquery-1.8.2.min.js"></script>
8. <script type="text/javascript" src="scripts/jquery.mobile-1.2.0.min.js"></script>
9. </head>
10. <body>
11. <a href="dialog.html">Open dialog</a>
12. </body>
13. </html>
dialog.html
2. <div data-role="dialog">
3. <script>
4. $('#lp-list').load('list.html',function(){
5. $(this).trigger("create");
6. });
7. </script>
8. <div data-role="header" data-theme="b">
9. <h1>Lokationsvælger</h1>
10. </div>
11. <div data-role="content" id="lp-list">
12. </div>
13. </div>
list.html
2. <ul data-role="listview">
3. <li>First</li>
4. <li>Second</li>
5. <li>Third</li>
6. </ul>
test2.html
2. <!DOCTYPE html>
3. <html>
4. <head>
5. <title>test</title>
6. <link rel="stylesheet" href="styles/jquery.mobile-1.2.0.min.css" type="text/css">
7. <script type="text/javascript" src="scripts/jquery-1.8.2.min.js"></script>
8. <script type="text/javascript" src="scripts/jquery.mobile-1.2.0.min.js"></script>
9. <script>
10. console.log("1");
11. </script>
12. </head>
13. <body>
14. <div data-role="dialog">
15. <script>
16. $('#lp-list').load('list.html',function(){
17. $(this).trigger("create");
18. });
19. </script>
20. <div data-role="header" data-theme="b">
21. <h1>Lokationsvælger</h1>
22. </div>
23. <div data-role="content" id="lp-list">
24. </div>
25. </div>
26. </body>
27. </html>

«Prev
Next »

Response title

Attachments

jQuery Forum

Activity Trend