Before i start must explain that I’m relatively a noob with less experience in web development. A certain site that I’m developing requires and swipeleft and swiperight functionalities for touch based devices namely iphone, ipad, android phones and tablets. To implement this i was suggested to use jQuery mobile and it sounded good as I’m a fan of jQuery.
However despite all google could give me, I’d request clarification on the following
-
Does the doctype compulsorily need to be html 5 as it uses
attributes like data-role -
My site uses jQuery and jQueryUI heavily and will jQuery mobile
distort the actual design layout implemented. -
I can’t seperate view layer for mobile and regular traffic.
-
If jQuery mobile is good for mobile based usage without
affecting normal design and functionality what will be the best
ways
of testing the site for multiple touch based devices (simulators
maybe).
Some details in simple english from this great place would be wonderful…
Thanks in advance!
EDIT
To further dig into my problem will a jQuery plugin for swipe functionality like touchSwipe or wipeTouch help me here.
Also what would best methods to test the functionality from an iPad or an android phone provided I’ve implemented the plugin with my code. Say some plugin just like IE simulator for firefox that could recognize swipe gesture through mouse drags (Just greedy and desperate)
Thanks again…
If you really want to separate views for desktop/mobile, I’ve seen recommendations here for http://detectmobilebrowser.com/ but I haven’t used it. That provides code for doing it server-side in various languages or in JavaScript.
One of the main purposes of jQuery Mobile is to provide mobile-specific UI; so the styles will definitely conflict in all sorts of ways with your current templates if you try to just throw both stylesheets in there. If you just want to add swipe support on top of your current site then there are probably lots of jQuery plugins that could help with that.
Re: HTML5, From the jQM docs,