onclick on an iPad, multiple datables on page, all loading via ajax
onclick on an iPad, multiple datables on page, all loading via ajax
Greetings...just thought I'd share that I spent a lot of time tracking down an issue on iPad where links in the datatables cells were not accessible on some tables in my multi-table page on iPad. The first table and second table were fine if placed next to each other on screen, but then tables underneath would have the issue. Rotating the tables into 1st and 2nd position always made the links work, and then the 1st or 2nd rotated down would not work. ( My tables are on top of a grid/draggable framework) I even created then destroyed the tables to leave in place and found that the left over table after datatables were destroyed, the links worked. Literally tried dozens of attempts at this issue for embarrassingly too much time, ideas gathered from here and across the web stackoverflow etc. Posting here so that if someone comes along with similar issue. In the end it has to do with the way click events are treated in that environment ( the iPad in question is using iOS 6.0.1 Mobile Safrai 6 ) The click to the a tag was getting blocked by layers of other events, too many to hack I think. A library I tripped over a while back ended up fixing the issue as well as tone done the click delay in mobile environments. Here it is..the only fix I found was to use this fastclick plugin: https://github.com/ftlabs/fastclick
Also, I'd like to encourage others to post more...I'm guilty of not posting enough of my fixes/issues while using all of you guys insight..so thank for all your postings and here is to more postings!
Replies
Hi,
Thanks for posting your findings on this - very interesting.
Would be interesting to know as well if this is still and issue in iOS 8.x.
Allan