简体繁体中英

How do I load jquery mobile only for mobile browsers, but the regular site for desktop?

原文 2013-03-03 00:47:13 8 1 javascript/ jquery/ jquery-mobile/ mobile

So I have an existing desktop html site, but I've created a jquery mobile version. The thing is I'm trying to figure out how to load only the jquery mobile version for mobile phones, but show the desktop version for desktops. I couldn't find anything on the jquery mobile documentation.

1 answers

You can essentially do with with jquery using the window width or by triggering it on CSS media query breakpoints. A few references below:

Triggering jquery with css media queries

http://www.venveo.com/articles/view/quick-tip-jquery-media-queries

I am however now sure of the ramifications of making it responsive... once jquery mobile kicks in, all bets are off.

You are probably better off calling the jquery mobile on a browser detection rather than a screen breakpoint.

How to hide a Javascript only on Chrome for smartphone? But not in other mobile browsers (or) desktop?

How to display dropdown menu link in only mobile browser not desktop browsers

How do I combine my “desktop view” html file with my “mobile view” jQuery mobile file?

Why do my images only load on desktop, but not mobile?

How do I set a width for the mobile AND the desktop?

Separate desktop and mobile jQuery functions on a responsive site

How do I redirect windows phones (but not desktop windows) to a mobile site using html?

How do mobile browsers differ vs desktop browsers for loading a web app?

Load JQuery Mobile script only for mobile devices

jQuery .click() event not working as expected with mobile browsers. How do I fix it?

暂无

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

Related Question How to hide a Javascript only on Chrome for smartphone? But not in other mobile browsers (or) desktop? How to display dropdown menu link in only mobile browser not desktop browsers How do I combine my “desktop view” html file with my “mobile view” jQuery mobile file? Why do my images only load on desktop, but not mobile? How do I set a width for the mobile AND the desktop? Separate desktop and mobile jQuery functions on a responsive site How do I redirect windows phones (but not desktop windows) to a mobile site using html? How do mobile browsers differ vs desktop browsers for loading a web app? Load JQuery Mobile script only for mobile devices jQuery .click() event not working as expected with mobile browsers. How do I fix it?

Related Tags

How do I load jquery mobile only for mobile browsers, but the regular site for desktop?

Question

1 answers

solution1 1 2013-03-03 00:55:56

solution1
1 2013-03-03 00:55:56