Search jQuery

jQuery Forum

How to use jQuery Mobile for its touch event support only (no UI enhancements)?

in jQuery Mobile • 9 years ago

I’m working on a web app that has its own look and feel. I want to use jQuery Mobile for the touch events support only (no page, no ui enhancements).

When I link jquery.mobile.min.js (without linking the css), then the layout of my page is broken.

How can I configure (initialize) jQuery Mobile to only use touch events support?

See this example in jsfiddle: http://jsfiddle.net/redhotsly/JGgrw/. The html contains a <button> but jQuery Mobile created a <span> to its left. If you inspect the resulting markup (F12) you will see that jQuery Mobile also added a CSS class to my button.

Thanks,

Sly

Replies(4)

captainn

Re: How to use jQuery Mobile for its touch event support only (no UI enhancements)?

9 years ago

I have the same concern. Honestly, I can't see why these events aren't in the mainline jQuery lib...

arschmitz

Re: How to use jQuery Mobile for its touch event support only (no UI enhancements)?

9 years ago

use data-enhance="false" on a div that wraps everything nothing inside this will be enhanced you will also need to place the code below inbetween jquery and jqm scripts

$(document).bind("mobileinit", function(){
$.mobile.ignoreContentEnabled = "true";
});

captainn

Re: How to use jQuery Mobile for its touch event support only (no UI enhancements)?

9 years ago

That didn't work. It ended up loading all of my JS files in an inappropriate sequence (and did other horrible things like appending cache busters to the end of each one - which destroys my server infrastructure's caching).

I'll just rip what I can out of the source file jquery.mobile.event.js and do it all manually.

Thanks for the suggestion anyway. :-)

captainn

Re: How to use jQuery Mobile for its touch event support only (no UI enhancements)?

9 years ago

I isolated the touch (and vmouse) event stuff so I could use it without including the entire mobile lib:

https://gist.github.com/2243148

Top Reply

Response title

Attachments

jQuery Forum

How to use jQuery Mobile for its touch event support only (no UI enhancements)?

Replies(4)

Re: How to use jQuery Mobile for its touch event support only (no UI enhancements)?

Re: How to use jQuery Mobile for its touch event support only (no UI enhancements)?

Re: How to use jQuery Mobile for its touch event support only (no UI enhancements)?

Re: How to use jQuery Mobile for its touch event support only (no UI enhancements)?

Statistics

Tags

Actions