search

do-web / jTinder

jTinder is a javascript library that makes rating people, products, images very easy and fast. It is optimized for mobile touch device but has also a desktop fallback.
GNU General Public License v2.0
235 stars 101 forks source link

can i make any element clickable inside jtinder li element? #25

Open anpnarola opened 7 years ago

anpnarola commented 7 years ago

this plugin works for me very well,just one issue is there: i am implementing this plugin for swiping cards that is of information and not of simple images,so there will be content in tinder slide which might include scrolling and even there in one image inside this tinder slides which i want clickable. I tried a lot but not getting success. please let me know if you have any idea for this and even some option for this kind of functionality.

Basically what i need is : "slider with slides that is having clickable image and scrolling content and can swipe left right to like or dislike with preview."

anpnarola commented 7 years ago

hey friends, I have found solution for this. i was bind only click event so it's not working. now i am binding click and tap events for this and it started working. $("<class/id of element you want to click>").on("tap click", function (event) { event.preventDefault(); // your code. });

eadolf commented 7 years ago

I'm a designer I do strictly visual frontend and I need this to work tonight. Did you include jquery mobile to get this to work? I can't figure it out.

ghost commented 7 years ago

I found that commenting-out/removing line 83 in jquery.jTinder.js allows elements to be clicked/touched in a mobile/touch environment. Do so at your own risk because I don't know what the side effects will be (I haven't encountered any myself yet.)