Response title
This is preview!
Move this topic
Using Jqurey Mobile without the Ajax/caching stuff?
in jQuery Mobile
•
1 year ago
I like the jQuery mobile, but new to it and new to jQuery. I am having issues with the caching. Ive used
$('a').live('click', function() {
var $this = $(this);
if ( !$this.attr('rel') || $this.attr('rel') != 'external' )
$(document.getElementById( $this.attr('href') )).remove();
});
to disable it, but it does work all the time. Ive also had trouble setting up default transitions, I put in
$.mobile.defaultTransition('none');
without any effect.
With these 2 key issues, I just want to turn off the rewriting of the <a> tags and just let it load normally. I tried
$.mobile.ajaxLinksEnabled(false);
without any effect.
Also, im testing in Chrome to start with. Is that possibly causing the issues?
What I like at the styles and widgets in the mobile library. So does anyone know a way to turn off that link ajax stuff?
$('a').live('click', function() {
var $this = $(this);
if ( !$this.attr('rel') || $this.attr('rel') != 'external' )
$(document.getElementById( $this.attr('href') )).remove();
});
to disable it, but it does work all the time. Ive also had trouble setting up default transitions, I put in
$.mobile.defaultTransition('none');
without any effect.
With these 2 key issues, I just want to turn off the rewriting of the <a> tags and just let it load normally. I tried
$.mobile.ajaxLinksEnabled(false);
without any effect.
Also, im testing in Chrome to start with. Is that possibly causing the issues?
What I like at the styles and widgets in the mobile library. So does anyone know a way to turn off that link ajax stuff?
6
Replies(13)
Anyone out there have an answer for this? It's been half a month now.
Leave a comment on cm71td's reply
Are you setting these defaults inside of the mobileinit listener?
It should be like:
- $(document).bind("mobileinit", function(){
- $.mobile.ajaxLinksEnabled(false);
- });
Although I will admit that I haven't tried that yet, it should work. Also make sure that this script is being called BEFORE jquery mobile is loaded, otherwise the mobileinit listener will have already triggered.
Thanks!
FYI - This should be
$.mobile.ajaxLinksEnabled = false;
It seems to work for me. Note that you need the alpha 2 version.
Leave a comment on umbrae's reply
In my header I have:
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.css" />
<script src="http://code.jquery.com/jquery-1.4.3.min.js"></script>
<script src="jqm_config.js"></script>
<script src="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.js"></script>
In jqm_config.js (located in the same directory as the .html file), I have:
<script type="text/javascript" charset="utf-8">
$(document).live("mobileinit", function(){
$.mobile.ajaxFormsEnabled = false;
});
$(document).live("mobileinit", function(){
$.mobile.ajaxLinksEnabled = false;
});
</script>
But I'm still seeing the ajax behaviour, what am I doing wrong?
FYI - Having this in my header works for me:
- <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.css" />
- <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.js"></script>
- <script language=javascript>
- $(document).bind("mobileinit", function () {
- $.mobile.ajaxLinksEnabled = false;
- });
- </script>
- <script type="text/javascript" src="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.js"></script>
Leave a comment on adamek123's reply
Set the mobileinit options before including the jQuery mobile framework:
This is what I'm using to disable the form submits, the options for the extend method are a list so you might try this to disable both form and link ajax:
The key thing however is that you must do the binding before including the framework, not after.
Note that disabling the links behavior may have some wider reaching implications. I was creating an iPad layout that used jQuery to load individual forms into a specified container on the page so just disabling the forms Ajax worked for my purposes.
- <script type="text/javascript">
- $(document).bind("mobileinit", function(){
- $.extend( $.mobile , { ajaxFormsEnabled : false });
- });
- </script>
- <script type="text/javascript" src="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.js"></script>
This is what I'm using to disable the form submits, the options for the extend method are a list so you might try this to disable both form and link ajax:
- <script type="text/javascript">
- $(document).bind("mobileinit", function(){
- $.extend( $.mobile , {
- ajaxFormsEnabled : false,
- ajaxLinksEnabled = false
- });
- });
- </script>
- <script type="text/javascript" src="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.js"></script>
The key thing however is that you must do the binding before including the framework, not after.
Note that disabling the links behavior may have some wider reaching implications. I was creating an iPad layout that used jQuery to load individual forms into a specified container on the page so just disabling the forms Ajax worked for my purposes.
Leave a comment on divby1's reply
I became really tired of not being able to prevent certain pages from being cached by jQuery Mobile.
I threw this together in a minute or two, it's a hack - not the most perfect code in the world. At least you get the idea how to get around the cache on specific pages. Throw this in your <header> after you call jQuery and jQuery mobile.
I've added the data-cache attribute to the <div data-role="page" ...> elements
- <div data-role="page" data-cache="never">
What this does is it removes the pages from the DOM cache based on the ID of the page, right after jQuery Mobile hides the page.
- $(document).ready(function () {
- $('div').live('pagehide', function (event, ui) {
- var $this = $(this);
- if ($this.attr('ID') !== undefined && $this.attr('data-cache') !== undefined && $this.attr('data-cache') == "never") {
- var page = $this.attr('ID');
- $(document.getElementById(page)).remove();
- }
- });
- });
egillr,
Totally solved the transition issues, and javascript needing to rebind to the page controls... THANKS!!!
Leave a comment on egillr's reply
Aaah thanx egillr!
this realy solved my problem when loading different imageGallery!
big thanx
/jesper
this realy solved my problem when loading different imageGallery!
big thanx
/jesper
Leave a comment on sniveinteractive's reply
egill this code returne error
it was this line if ($this.attr('ID') !== undefined && $this.attr('data-cache') !== undefined && $this.attr('data-cache') == "never") {
Leave a comment on ivanabich's reply
Re: Using Jqurey Mobile without the Ajax/caching stuff?
10 months ago
Just wanted to throw this one out there.
I ran into some page caching issues where the following happens after clicking an "Add Product" button and going back to the product page to show a quantity value not changed. I used a simple header($link, 'refresh') command inside my forms action.
- $cart = new Cart();
- $result = $cart->addProduct($_REQUEST);
- //$cart->render('cartRender.php');
- header('Location: /?p=viewCartProducts', 'refresh');
- json_encode($result);
Cheers,
Nick
Re: Using Jqurey Mobile without the Ajax/caching stuff?
10 months ago
Webnickel, Nice one. I was trying to figure out something similar myself...saved me some time on that. Thanks!
Leave a comment on webnickel's reply
http://jquerymobile.com/test/docs/forms/forms-sample.html
To submit a form without Ajax, you can either disable Ajax form handling globally, or per form via the
To submit a form without Ajax, you can either disable Ajax form handling globally, or per form via the
data-ajax="false" attribute.
Leave a comment on magellings's reply
Change topic type
Link this topic
Provide the permalink of a topic that is related to this topic
Reply to minkey's question
{"z7991412":[14737000002977829],"z5169691":[14737000001863312],"z5093726":[14737000001831009],"z5018030":[14737000001705422,14737000001766005,14737000001833003],"z5754164":[14737000002099639],"z7453594":[14737000002683364],"z452079":[14737000001705444],"z1215465":[14737000002572122],"z4896074":[14737000001628049],"z7157205":[14737000002539045],"z4733340":[14737000002097210],"z5074295":[14737000001823321]}
Statistics
- 13 Replies
- 22472 Views
- 5 Followers
