Comments (5)
For the moment I dont know why but add this line after line 157. It's working for me:
if(
Excerpt:
on= {
setup: function(e){
/*
- fills up the data storage with values based on options
- binds to ticker
*/
if (t.hasClass(klass)) return cleanup.call(e);
if(
from reel.
Works!!!
from reel.
First, Fazeaction,
first of all let me thank you very much! It's pretty cool that you literally found the issue here. I long had no clue what might be wrong with the code, but now I think I'm starting to get it, thanks to you. Your solution very clearly uncovers, that the problems experienced are a logical consequence of not having the instance properly removed from the DOM.
Your solution for this is indeed very right and I can not thank you enough for helping out and bumping me on the right track. It unfortunatelly won't do the trick for multiple Reel instances on the page simultaneously.
Zazoomauro,
The "teardown"
event will come handy in situations like these, where you i.e. dynamically dynamically build (and destroy) instances, like loading one Reel in place of another. It removes the existing DOM node and all its data and event bindings by restoring the original image element Reel was built upon. It performs all necessary cleanup for you, including the call to remove_instance
for example.
So instead of the proposed Reel modification, putting this:
$('.imageReel').trigger('teardown`)
just before the .load
call would be the recommended solution for your code.
Thank you, guys, for cooperating on the solution here on Github :) You both have helped!
from reel.
This issue qualified for frequently asked question and has become part of the FAQ wiki page.
from reel.
Thanks fazeaction, that new line worked for me when loading a Reel instance with ajax on click.
.trigger('teardown') did not work in this case.
from reel.
Related Issues (20)
- Dragging within a range of sequence
- Reel.js is not working in Chrome when add next and previous button.
- data-loops = 'false' does not work on rows
- possibility to ude it merging some images to compose the shown one
- touch support HOT 1
- Reach event rotates one frame backwards before rotating correctly
- python
- sensitivity on touch movement
- responsive and Ajax - In russian is love)))
- Jquery reel larger than container
- how to stop image cache
- Dimension(s) of the target image unknown Ab HOT 3
- ReferenceError: jQuery is not defined
- Image Request Loop Issue HOT 3
- Using reel js object animated by a slider (jquery ui) inside a book of moodle. It doesn't work
- Not working properly on mobile Safari? HOT 8
- 360 spinner doesn't work well on mobile HOT 6
- Chrome: Jerky or not smooth scrolling if it is placed at about 3000px or below in height
- Implement in Vuejs
- Uncaught TypeError: Cannot use 'in' operator to search for 'length' in 50, latest JQuery jquery.min-3.6.0.js not working
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 reel.