Search jQuery

jQuery Forum

Screen name:
steveatcdc

steveatcdc's Profile

3 Posts

8 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

Need a fresh start!! Unwanted Caching.
[5Replies]
- 21-Nov-2012 09:11 AM
- Forum: jQuery Mobile
I have a main page, lets name it ABC.htm. On it I have a link to a second page named FOO.htm. Both of these pages are built with JQM. How do I make certain that the DOM from ABC.htm is not cached after the user clicks on the link and transitions to FOO.htm?

I know that rel=external will do it but it has the unwanted side effect of opening a browser window (when running chromeless).

I have tried setting data-dom-cache but it should be false by defalut.

I realize that I didn't give a lot of background. I am trying to distill down what I think the problem is.

Thanks!

Problem with dialog on iPhone/iPad
[3Replies]
- 08-Nov-2012 12:13 PM
- Forum: jQuery Mobile
I have a popup dialog that should be opened when a button is pressed. It works properly on desktop browsers and on Droid. On iPhone and iPad (Safari) I discovered that it wasn't opening. If the page containing the button is refreshed it will work. I took it to Safari and Chrome on the desktop and changed the useragent to iPhone. It works properly on Safari. With Chrome it is the same behavior as the iPhone/iPad. Will not work unless the page is refreshed.
I have taken the page source after initial load (when it is not working) and after refresh (when it is working) and used WinDiff to compare the two. They are identical.

Here is the markup for the button that should open the dialog:
1. <a href="#popup" data-role="button" data-rel="dialog" data-icon="gear" data-iconpos="right" data-transition="pop">Choose Date</a>
Here is the markup for the dialog:
2. <div data-role="dialog" id="popup">
4. <div data-role="header" data-theme="b">
5. <h1>Production Date</h1>
6. </div>
8. <div data-role="content" data-theme="b">
10. <form action="/mobileDemo/ExecDash/Body/1" method="post">
11. <div data-role="fieldcontainer">
12. <p>Hello World</p>
13. </div>
14. <button type="submit" data-theme="b">Select</button>
15. </form>
17. </div>
19. </div>
My markup and page structure are correct. JQM pages structure properly. Since this is a dialog it is a multi-page. I have used tools to ensure that all elements are properly closed. For full disclosure below is the page source for the entire page.
3. <!DOCTYPE html>
4. <html>
5. <head>
6. <meta charset="utf-8" />
7. <title>Body Dashboard for System 1</title>
8. <meta name="viewport" content="width=device-width" />
9. <meta name="apple-mobile-web-app-capable" content="yes" />
10. <link rel="stylesheet" href="/mobileDemo/Scripts/jquery.mobile-1.2.0.min.css" />
11. <script type="text/javascript" src="/mobileDemo/Scripts/jquery-1.8.2.min.js"></script>
12. <script type="text/javascript">
13. $(document).bind("mobileinit", function () {
14. // As of Beta 2, jQuery Mobile's Ajax navigation does not work in all cases (e.g.,
15. // when navigating from a mobile to a non-mobile page), hence disabling it.
16. $.mobile.ajaxEnabled = false;
17. });
18. </script>
19. <script type="text/javascript" src="/mobileDemo/Scripts/jquery.mobile-1.2.0.min.js"></script>
21. <link rel="icon" href="/mobileDemo/images/icon_pmcsmobile_32.png" />
22. <link rel="shoftcut icon" href="/mobileDemo/images/icon_pmcsmobile_32.png" />
23. <link rel="apple-touch-icon" href="/mobileDemo/images/icon_pmcsmobile_57.png" />
24. <link rel="apple-touch-icon" href="/mobileDemo/images/icon_pmcsmobile_114.png" sizes="114x114" />
25. <link rel="apple-touch-icon" href="/mobileDemo/images/icon_pmcsmobile_72.png" sizes="72x72" />
26. <link rel="apple-touch-icon" href="/mobileDemo/images/icon_pmcsmobile_80.png" sizes="80x80" />
27. <link rel="apple-touch-icon" href="/mobileDemo/images/icon_pmcsmobile_57.png" sizes="android-only" />
29. </head>
31. <body>
33. <div data-role="page" id="mainpage" data-theme="b">
35. <div data-role="header" data-theme="b" data-position="fixed">
36. <center>
37. <a href="/Home/Main"><img src="/mobileDemo/Images/company_header_logo_mobile.png" border="0" /></a>
38. </center>
39. </div>
41. <div style="text-align: center; padding-top:5px">
43. <center>
44. <a href="/mobileDemo/Home/Main"><img src="/mobileDemo/Images/menu_home.png" style="width: 40px" border="0" /></a>
45. <a href="/mobileDemo/Counts"><img src="/mobileDemo/Images/menu_prodcounts.png" style="width: 40px" border="0" /></a>
46. <a href="/mobileDemo/Inventory"><img src="/mobileDemo/Images/menu_inventory.png" style="width: 40px" border="0" /></a>
47. <a href="/mobileDemo/Vehicle"><img src="/mobileDemo/Images/menu_vehicle.png" style="width: 40px" border="0" /></a>
48. <a href="/mobileDemo/SSAR"><img src="/mobileDemo/Images/menu_ssar.png" style="width: 40px" border="0" /></a>
49. <a href="/mobileDemo/STAR"><img src="/mobileDemo/Images/menu_star.png" style="width: 40px" border="0" /></a>
50. <a href="/mobileDemo/EXECDASH"><img src="/mobileDemo/Images/menu_dashboard.png" style="width: 40px" border="0" /></a>
51. </center>
53. </div>
55. <div style="padding-left: 20px; padding-top: 10px">
56. <strong>Body Dashboard for System 1</strong>
57. </div>
59. <div style="padding-right: 15px; padding-left: 15px; padding-top: 10px">
61. <a href="#popup" data-role="button" data-rel="dialog" data-icon="gear" data-iconpos="right" data-transition="pop">11/7/2012</a>
63. <hr />
65. <ul data-role="listview" data-inset="true">
66. <li><a href="/mobileDemo/ExecDash/BodyProd/1/11-07-2012">Production</a></li>
67. <li><a href="/mobileDemo/ExecDash/BodyOEE?system=1&date=11-07-2012">Body OEE</a></li>
68. <li><a href="/mobileDemo/ExecDash/BodyDKS?system=1&date=11-07-2012">Doukie-Seisan KPI</a></li>
69. <li><a href="/mobileDemo/ExecDash/BodyDT?system=1&date=11-07-2012">Down Time</a></li>
70. </ul>
72. </div>
74. </div>
78. <div data-role="dialog" id="popup">
80. <div data-role="header" data-theme="b">
81. <h1>Production Date</h1>
82. </div>
84. <div data-role="content" data-theme="b">
86. <form action="/mobileDemo/ExecDash/Body/1" method="post">
87. <div data-role="fieldcontainer">
88. <p>Hello World</p>
89. </div>
90. <button type="submit" data-theme="b">Select</button>
91. </form>
93. </div>
95. </div>
99. </body>
100. </html>

ajaxFormsEnabled = false / caching?
[2Replies]
- 29-Mar-2011 01:40 PM
- Forum: jQuery Mobile
Please excuse my ignorance on this but I am tired of fighting this. I need to do a file upload on one of my JQuery Mobile pages. I'm doing this in .NET MVC 3, just for the record.

I have four pages, A, B, C, and D. A, B, and D gather info and/or save stuff. Page C does the upload.

I know that I need to disable ajaxForms in order to accomplish the upload. So below is how I have my javascript stuff setup in the <head> for each page.

PAGE A
1. <script src="http://code.jquery.com/jquery-1.5.min.js"></script>
2. <script src="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.js"></script>
PAGE B

same as above

PAGE C
2. <script src="http://code.jquery.com/jquery-1.5.min.js"></script>
3. <script type="text/javascript" src="../../../../Scripts/my-noajax.js"></script>
4. <script src="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.js"></script>
where my-noajax.js contains the following:
2. $(document).bind("mobileinit", function () {
3. //apply overrides here
4. $.mobile.ajaxLinksEnabled = false;
5. $.mobile.ajaxFormsEnabled = false;
6. });
PAGE D

same as A and B

If I navigate normally into the site through pages A, then B, and then C it caches the <head> declarations from A and carries them to C. So the my-noajax.js doesn't happen.

If I enter the site directly to page C all is good.

What can I do to keep this from happening?

Thanks!

Steve

«Prev
Next »

Response title

Attachments

jQuery Forum

Activity Trend