Comments (4)
Seems strange, I don't believe angular would tamper with the styling. The thing that comes mind right now is if you're using any kind of templating logic (say, data-slidr={{ slidr-id }} ) and slidr.js is being called before the template $digest occurs, it will likely fail to create.
If you could recreate the issue on jsfiddle that'd be useful!
from slidr.
I have recreated the issue in this fiddle.
Try to navigate to the settings tab and see the slidr that works, than go to home, and again to the settings and the slidr is now broken.
http://jsfiddle.net/aFqS4/1/
from slidr.
Hey @Stelgard,
Didn't realize you edited your comment (Github doesn't push any notifications for edits whatsoever), next time it might be better to write a new comment instead!
The issue here is ui-router rewrites the entire template on every route change, and so the Slidr would get removed and reinserted back into the DOM stripped of its styling. slidr.js tries to be smart and forgoes creating a Slidr if it was previously created, but in this case it is the wrong behavior to take. I've added a fix for this in slidr v0.3.0, and the example now seems to be working.
Let me know if there's any other issues!
from slidr.
Now it's working; thanks!
from slidr.
Related Issues (20)
- Delay HOT 3
- Next Prev in auto mode
- Creating Sub Categorie Slider
- Slide names in breadcrumbs... HOT 1
- External CSS
- next page/part of content
- Controls not work in opera 20
- Eternal Slider
- Responsive ? HOT 2
- [Slidr] Error adding [horizontal] slides for [testimonials-slider]. HOT 2
- endless loop HOT 2
- href for images HOT 3
- Disable vertical touch only on mobile
- clean/remove all the slidr
- Uncaught TypeError in Chrome
- Slide in random direction and specific timings per slide HOT 4
- How to make multiple slides ?! HOT 1
- Centering slide images vertically HOT 2
- Loop
- Add perView property
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 slidr.