为什么Jquery移动设备在桌面浏览器上显示移动友好外观？

Question

I am trying to understand Jquery mobile. I am just referring the demos and viewing it from my desktop browser (Chrome)

This is the demo link:

http://jquerymobile.com/demos/1.1.1/docs/forms/switch/

My question is why does the select look like it is being viewed in Ipad or something? I want the Jquery mobile to only come into action when being viewed from mobile devices. I don't want this style to be shown on my desktop computer. On desktop computer a select should look simple select with options and on mobile it should look more like what is being shown in demo (flip-flop).

Can I achieve that with Jquery mobile?

Answer 1

You need some kind of device recognition and routing engine for this. It doesn't really have anything to do with jQuery mobile, but rather with what backend framework you use. When I used MVC3 and jQuery mobile, I purchased 51degrees.mobi database, and then based on result of the user agent recognition I would serve different views to the user. I hope this helps.

EDIT

I think you can use 51degrees.mobi database with all asp.net projects. Basically it adds more data to Request.Browser, and then you can redirect user to either different URL or a subdomain like m.yoursite.com

if(Request.Browser["IsTablet"] == 'true' || Request.Browser["IsMobile"] == 'true')
{
    //redirect here
}