Search jQuery

jQuery Forum

Using Jqurey Mobile without the Ajax/caching stuff?

in jQuery Mobile • 12 years 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?

Replies(15)

cm71td

Re: Using Jqurey Mobile without the Ajax/caching stuff?

12 years ago

Anyone out there have an answer for this? It's been half a month now.

umbrae

Re: Using Jqurey Mobile without the Ajax/caching stuff?

12 years ago

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.

cm71td

Re: Re: Using Jqurey Mobile without the Ajax/caching stuff?

12 years ago

Thanks!

FYI - This should be

$.mobile.ajaxLinksEnabled = false;

It seems to work for me. Note that you need the alpha 2 version.

adamek123

Re: Using Jqurey Mobile without the Ajax/caching stuff?

12 years ago

In my header I have:

In jqm_config.js (located in the same directory as the .html file), I have:

$(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?

cm71td

Re: Re: Using Jqurey Mobile without the Ajax/caching stuff?

12 years ago

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>

divby1

Re: Using Jqurey Mobile without the Ajax/caching stuff?

12 years ago

Set the mobileinit options before including the jQuery mobile framework:

<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.

egillr

Re: Using Jqurey Mobile without the Ajax/caching stuff?

12 years ago

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();
}
});
});

I will rewrite this code when I'm not as irritated by not being able to control this by default.

dt1820

Re: Re: Using Jqurey Mobile without the Ajax/caching stuff?

11 years ago

egillr,

Totally solved the transition issues, and javascript needing to rebind to the page controls... THANKS!!!

sniveinte..

Re: Using Jqurey Mobile without the Ajax/caching stuff?

12 years ago

Aaah thanx egillr!
this realy solved my problem when loading different imageGallery!

big thanx

/jesper

ivanabich

Re: Using Jqurey Mobile without the Ajax/caching stuff?

12 years ago

egill this code returne error

Catchable fatal error: Object of class parser could not be converted to string in ... ##

it was this line if ($this.attr('ID') !== undefined && $this.attr('data-cache') !== undefined && $this.attr('data-cache') == "never") {

webnickel

Re: Using Jqurey Mobile without the Ajax/caching stuff?

11 years 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);

Hope this helps someone out there till caching option is available in newer versions.

Cheers,

Nick

pavkey88

Re: Re: Using Jqurey Mobile without the Ajax/caching stuff?

11 years ago

Webnickel, Nice one. I was trying to figure out something similar myself...saved me some time on that. Thanks!

magellings

Re: Using Jqurey Mobile without the Ajax/caching stuff?

11 years ago

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 data-ajax="false" attribute.