Comments (5)
I'm not sure if this is related, but I'm interested in having a slider (e.g. for the user to choose a price) in a swipe div. I'm trying out using this one: http://code.ovidiu.ch/dragdealer/
It actually works, but both the slider and the swipe move when I touch-drag :)
I'm wondering if you have any suggestions what approach I need to take here. I think the slider needs to receive the events and prevent the swipe from receiving them?
from swipe.
@alexblack , i believe you have to dig into the dragdealer's code and add the stopPropagation() function to appropriate event to prevent the touch event reach the swipejs when you are indeed dragging the slider.
from swipe.
Thanks DaFrik, thats what I was thinking too.. but I wasn't sure which component would be receiving the events first, Swipe.js or DragDealer..?
At first glance it looks like DragDealer already calls stopPropagation, I'll have to look at it more closely.
from swipe.
@bradbirdsall this is a pretty good suggestion to add a couple of stopPropagations… I can't think of any side effect.
What do you think about making this change (in both branches?)
from swipe.
Sounds like a pretty good idea. Can anyone think of any side effects?
If not throw up some pull requests :)
from swipe.
Related Issues (20)
- Which Swipe library should cdnjs host and autumatically update the repo
- How to display a partial view of the next slide? HOT 4
- 当只有两个滑动卡时,下滑出现bug
- How to adjust the height according to their own height when it is used for the whole page tab?
- i want text alert on click prev or next button...? HOT 1
- When i append div on document ready, My style is not applying. HOT 2
- Show multiple slides HOT 3
- Webpack 2 pull Jquery
- Ipad, iphione scroll problem
- vertical slides?
- Width calculation rounding - Edge browser
- Gaps between each slider item in latest Safari HOT 2
- FEATURE REQUEST: Run callback only if it’s on touch and not by function HOT 1
- Swipe does not work android mobile browser.
- Processing version of Swipe
- 切换后如何自动播放
- 调用slide方法后,自动滑动失效 HOT 1
- Pagination buttons and slideTo method go to a wrong slide.
- Extra space on left
- Can I use it with vue?
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from swipe.