Question

I am building a HTML5 IOS app – which has a over-complicated brief!

Basically I am building a workout guide – The functionality requires a user to swipe left and right to reveal alternate tables of exercises – the user can expand and contract each table cell to reveal detailed exercise information and can also click a tick box to disable the cell when the task is completed.

So basically I need to have a swipe slider script which doesn’t overrule click actions within the slider area – so I can trigger other scripts to make th functionality work.

I began using this library – http://swipejs.com/ which swipes nicely – but doesn’t allow clicks/taps within the slider when running on an iphone.

Can anyone recommend a method/library that would allow me to do whats required?

Answer 1

Shameless plug here I know, but I think the library I wrote a few months ago should achieve what you’re after:
https://github.com/benmajor/jQuery-Mobile-Events

You can easily bind several events to the slider:

$('#slider').swiperight(function() {  
    // Do something here when the user swipes right.
}).swipeleft(function() {  
    // Do something here when the user swipes left.
}).singletap(function() {  
    // Finally, handle the tap event.
});