jQuery Forum

Instead of asking what might be "obvious", can you provide us with a link to your site or set-up a jsFiddle so that we can try it ourselves?

Also, what browser/debugger are you using, and just how are you using it?

- exactly where do you place the breakpoint(s)?

- exactly what is the error message?

- exactly when do you get the error message?

- Did you check from the console to see if $.mobile really is undefined?

It seems odd that $.mobile would become undefined. There must be some other code that did that. But without a complete example, it is impossible to tell.

Is there some reason you don't simply use data-prefetch="true"?

The page is https://shimmybicester.carnegosystems.net/pages/you_and_your_home/intro/

You can see transitions by clicking on the top menu items.

I am using Chrome and see an error on line 89 where $ ( this ).jqmData was not defined. Other pages pass

at this point so I was concentrating on the next issue.

By placing a break oint on line 98 at $.mobile.changePage and then swiping I can get the breakpoint called.

At this point I highlight $.mobile in the debugger to see it is undefined.

Thanks 

Was this created by the download builder? Modified by hand? Something else?

Did you try with unmodified, standard jQuery Mobile?

I also see you are using jQuery UI Touch Punch. Not sure why you are using this, since jQuery Mobile already supports touch events. Even better, it merges touch and mouse events if you use the "v" callbacks. (e.g. vmousedown , etc.) I doubt that this plugin is meant to work with jQuery Moblle, Does the documentation state that it is? Did you check with the author?

jQuery UI and jQuery Mobile are NOT compatible, and you CANNOT interchangeably use their plugins. A few plugins "work", some others can be used with some workarounds or modifications, and a very rare few third-party plugins are actually designed to work with either. ( jquery.ui.map is an example of the latter.)

jQuery Foundation has a plan to make jQuery UI and jQuery Mobile compatible with each other. That's a couple years from completion, I believe. Even so, that won't magically make third-party plugins work until/unless the authors update them.

I didn't look at shimmy_min.js  (where I found touch punch) further to see if there are potentially other incompatible plugins in that file.

I have removed touch punch and jqueryUI. Thanks   I was not aware they were not compatible.  

Luckily I don't need them I think after discovery jquery.mobile.

I should only be using now

jquery-1.11.1.min.js'

'jquery.cookie.min.js',

dhtmlxscheduler.js'

dhtmlxscheduler_minical.js',

jquery.jeditable.mini.js',

'jquery.stickynote.js',

Still same issue though I'm afraid. My site maybe download better now though :)

I'd try first removing ALL of the additional plugins, at least in order to diagnose the problem.

A good approach to debugging any problem (and certainly a good one for presenting problems on the forum) is to keep removing stuff until you have nothing left to remove, and still be able to show the problem. Get rid of anything that doesn't have to do with the problem at hand.

Or create a demo of the problem from scratch.

Most of the time, you will discover the problem along the way. But in any case, you will have a much smaller amount of code to examine.

I used DHTMLX years ago. Haven't looked at it lately. Is it supposed to be compatible with JQM?

Still have the issue so maybe will try to get it into jsFiddle tomorrow.

I have tracked it to the line in the top level menu.

<a data-transition="slide" data-prefetch="true" href="/pages/our_vision/intro/" >Vision</a>

If I remove the href property in works

bazare

https://shimmybicester.carnegosystems.net/home/  is very minimal now,

If I remove data-prefetch="true" from line 105 $.mobile does not become undefined.

Would love some ideas :)

The demo you have up now is a multi-page document. I don't think this was the case before.

If you use a multi-page document (I don't recommend it) then data-dom-cache is meaningless. It's already cached.

Line 105 is a problem whether you include data-prefetch or not. You cannot mix a multi-page document with single-page documents. It wasn't designed to work that way. Pick one.

I would drop back and avoid getting so fancy until you have the basics worked-out.

My recommendation would be to use single-page documents. 

- If you want to keep a page in the DOM until you decide to remove it, add data-dom-cache='true' to the page div

- If you want to pre-fetch a page in anticipation that the user might click on a link, add data-prefetch='true' to the link.

This will accomplish what you want to do without having to resort to a multi-page document and without having to write your own pre-fetching code.

data-prefetch was always there.

I was under the impression that I was using single page templates.

Ie on https://shimmybicester.carnegosystems.net/home/

there is  one data-role =' page ' div

<div id =" home_container " class =" demo-page " data-role =' page ' data-dom-cache =" true " data-next =" /pages/you_and_your_home/intro/ ">

which contains one link to another page

<a data-transition="slide" data-prefetch="true" href="/pages/our_vision/intro/" > Vision </a>

I must have a misunderstanding somewhere.

BTW, when I visited your site yesterday, the page rendered as blank. But when I examined page source, there were multiple page divs!

Today I get a login prompt and there's no jQuery or jQuery mobile on the page.

No, you do not have a misunderstanding. The terminology is confusing, a lot of people get it backwards! You do understand this correctly.

- "single page template" or "single page document". Each page is served in it's own document. You link between pages using normal URLs.

- "multi-page template" or "multi-page document". A document is served that has more than one page it it. More than one <div data=role="page">. You link between pages using a hash URL, e.g. #widget-page You CANNOT link to external pages. All pages must go int he single document, and thus it is suitable only for very small sites.

It is a django site using flatpages in a db. One of these was importing the js files again.

Trcky one to find.

Thanks for the advice. Seems to be mostly working now :)