{"id":2906,"date":"2014-03-04T12:24:53","date_gmt":"2014-03-04T12:24:53","guid":{"rendered":"http:\/\/www.simonbattersby.com\/blog\/?p=2906"},"modified":"2015-05-13T17:10:42","modified_gmt":"2015-05-13T16:10:42","slug":"jquery-ui-slider-touchscreen-devices","status":"publish","type":"post","link":"https:\/\/www.simonbattersby.com\/blog\/2014\/03\/jquery-ui-slider-touchscreen-devices\/","title":{"rendered":"jQuery UI slider on touchscreen devices"},"content":{"rendered":"

I’ve been meaning to have a look at updating my vertical scrollbar code<\/a> so it works on a touchscreen. Finally found time this weekend to have a look…with rather limited results. I created three versions of the page, one using touchpunch<\/a>, one with touchpunch improved<\/a>, and one with a basic mapping of touch events to mouse events<\/a>.<\/p>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n
Device<\/th>\r\nOS<\/th>\r\nBrowser<\/th>\r\nTP<\/th>\r\nTP improved<\/th>\r\nMapping<\/th>\r\n<\/tr>\r\n<\/thead>\r\n
Versus tablet<\/td>\r\nAndroid 4.0.4<\/td>\r\nAndroid browser<\/td>\r\nFails<\/td>\r\nFails<\/td>\r\nFails<\/td>\r\n<\/tr>\r\n
Samsung Galaxy Ace<\/td>\r\nAndroid 2.3.6<\/td>\r\nAndroid browser<\/td>\r\nFails<\/td>\r\nFails<\/td>\r\nFails<\/td>\r\n<\/tr>\r\n
Apple iPhone 3G<\/td>\r\niOS 4.2.1<\/td>\r\nSafari<\/td>\r\nWorks<\/td>\r\nWorks<\/td>\r\nWorks<\/td>\r\n<\/tr>\r\n
Samsung Galaxy Ace 2<\/td>\r\nAndroid 4.1.2<\/td>\r\nAndroid browser<\/td>\r\nWorks<\/td>\r\nWorks<\/td>\r\nWorks<\/td>\r\n<\/tr>\r\n
Apple iPad Mini 1<\/td>\r\niOS 8<\/td>\r\nSafari<\/td>\r\nWorks<\/td>\r\nWorks<\/td>\r\nWorks<\/td>\r\n<\/tr>\r\n
Nokia Lumia 635<\/td>\r\nWindows 8.1<\/td>\r\nIE11<\/td>\r\nWorks<\/td>\r\nWorks but with errors<\/td>\r\nWorks<\/td>\r\n<\/tr>\r\n<\/tbody>\r\n<\/table>\r\n\r\n

Conclusion so far…Touchpunch works on newer devices only. If you have access to a different device, test the different pages and let me know the result.<\/strong><\/p>\r\n\r\n\r\n","protected":false},"excerpt":{"rendered":"

I’ve been meaning to have a look at updating my vertical scrollbar code so it works on a touchscreen. Finally found time this weekend to have a look…with rather limited results. I created three versions of the page, one using touchpunch, one with touchpunch improved, and one with a basic mapping of touch events to […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[34,32],"class_list":["post-2906","post","type-post","status-publish","format-standard","hentry","category-web-design-and-build","tag-jquery-ui","tag-touchscreens"],"_links":{"self":[{"href":"https:\/\/www.simonbattersby.com\/blog\/wp-json\/wp\/v2\/posts\/2906","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.simonbattersby.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.simonbattersby.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.simonbattersby.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.simonbattersby.com\/blog\/wp-json\/wp\/v2\/comments?post=2906"}],"version-history":[{"count":30,"href":"https:\/\/www.simonbattersby.com\/blog\/wp-json\/wp\/v2\/posts\/2906\/revisions"}],"predecessor-version":[{"id":3046,"href":"https:\/\/www.simonbattersby.com\/blog\/wp-json\/wp\/v2\/posts\/2906\/revisions\/3046"}],"wp:attachment":[{"href":"https:\/\/www.simonbattersby.com\/blog\/wp-json\/wp\/v2\/media?parent=2906"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.simonbattersby.com\/blog\/wp-json\/wp\/v2\/categories?post=2906"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.simonbattersby.com\/blog\/wp-json\/wp\/v2\/tags?post=2906"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}