Comments (13)
it's a little broken in non-webkit browsers ATM sorry
from move.js.
No Problem Tj, really like it.
Having another issue in chrome probably something stupid i'm doing trying to run
this code on document load
move('.Obj')
.duration(5000)
.x(100).y(200)
.end();
.Obj is positioned absolute etc but it just sets the position to those coordinates no actual animation, ie its instantaneous, also same thing happens if i trigger it from a click event.
cheers Dave
from move.js.
hmm looks fine at a glance
from move.js.
ok figured it out, If I have a doctype in the page it doesnt seem to work neither html 5 or html 4 or atleaset the doc types produced by jade for
!!!
and
!!!5
If I take the doctypeout alltogther it works fine
from move.js.
hmm that's interesting, never heard of that affecting js
from move.js.
yup very strange, just tried it on some of move.js examples directly (instead of loading through node/express/jade) and setting the doctype on any of them seems to stop any animation.
can you recreate the issue or is this something specific my system windows xp & chrome 11.0.696.68
no errors showing up in inspector/console either
from move.js.
hmm yeah definitely same for me
from move.js.
interesting, it works in safari fine, figured it might be camel-casing of the props or something
from move.js.
Hi TJ,
The issue seems to be to do with setting the transition-duration property by default you are setting to 500 however if you set to "1s" or ".5s" it works fine (with doctype etc) also if you add a third parameter to style.setProperty of an empty string
el.style.setProperty(prop, props[prop],'');
it fixes the original uncaught exception issue for firefox
cheers _dR
from move.js.
interesting, without the doctype 500
etc is fine for ms, however with the doctype when I append 'ms' things are fine but it doesn't like the literal haha... very... odd. Some of the other examples are failing with a doctype as well, looking into it
from move.js.
actually it's probably the same issue, 100 vs 100px
from move.js.
yup
from move.js.
closeddd
from move.js.
Related Issues (20)
- Change site URL to http://tj.github.io/move.js
- No animation with div elements created via Javascript. HOT 5
- Move multiple dom elements? HOT 1
- animate div which have animation in it.
- apply multiple properties inside set method?
- move in not defined HOT 3
- Correct way to chain then() and end() ?
- Remove animation properties after animation is completed HOT 4
- doesnt apply on recently updated elements in angular js HOT 2
- How to loop an animation HOT 1
- remotes property in component.json produces error
- Example 1 in examples/docs.html is not working HOT 2
- Several examples are not working
- Animations in background tabs HOT 1
- Prevent exponential notation (e.g. 1.0e-19) reaching CSS
- Move#set(prop, val) when prop contain 'px' function not work
- How can I play animation for several times?
- Use jquery.easing.js Effects??
- move.js mot work on build. HOT 1
- Move.js not work on Build.
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 move.js.