Thread

I’m trying to get my EE site working with JQM. I’ve found lots of places where people say they are doing it but no one seems to answer how they get the links working with ajx inside of JQM. JQM requires a “hashtag” to links in the same folder.

I’ve created a template group “mobile”. My link is taking me to a bad url though.

My link looks like this

<a href="http://mobile/another_test">Test Button</a>

and it takes me to

<a href="http://domain.com/currentpage/#mobile/another_test">http://domain.com/currentpage/#mobile/another_test</a>

Any idea how to get this working. Anyone who has a successful EE JQM site care to show me how you got the links working with AJAX?

Here is a link if you want to look at what it’s doing. Just hit the “test button” text at the bottom.
http://thechallengecup.org/test/

Thanks for the help,
Jason

Hi Jason,

My understanding of jQuery Mobile is that you still would make your content exist at mobile/another_test, marked up in the way jQuery Mobile prefers, and jQuery will just grab it via AJAX and insert the relevant content as necessary. While it’s modifying the hashtag, you shouldn’t need to worry about that as long as your content properly lives in mobile/another_test.

Does that help?

-Matt

Thanks for the reply. I’m gonna play around with it a little bit more. I think my JQM structure is wrong.  I’ll let you know.

Hello jasonathopi,

Thank you for using the ExpressionEngine forums!

I am going to move this thread to the Community forum.

Cheers,

You can disable Ajax links one by one by adding attribute to each link: data-ajax=“false”. There will be no Ajax and no Hash tag then.

However, finally you will need to disable all of the Ajax in jQmobile because all normal things will not work under Ajax, such as third party Ad, Analytic code etc. After all jQuery mobile is built for app in their main purpose.

To disable all Ajax, add such code between jQuery JS and jQuery mobile JS:
[removed]
$(document).bind(“mobileinit”, function(){
$.mobile.ajaxEnabled = false;
});
[removed] 

There will be no more “loading…” on your site. Not so nice as before but this is how web page acts.

Oh, [removed] = script tags

Try this

<a href="http://mobile/another_test" rel="external">Test Button</a>