Giter VIP home page Giter VIP logo

Comments (13)

tj avatar tj commented on August 27, 2024

it's a little broken in non-webkit browsers ATM sorry

from move.js.

bluntworks avatar bluntworks commented on August 27, 2024

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.

tj avatar tj commented on August 27, 2024

hmm looks fine at a glance

from move.js.

bluntworks avatar bluntworks commented on August 27, 2024

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.

tj avatar tj commented on August 27, 2024

hmm that's interesting, never heard of that affecting js

from move.js.

bluntworks avatar bluntworks commented on August 27, 2024

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.

tj avatar tj commented on August 27, 2024

hmm yeah definitely same for me

from move.js.

tj avatar tj commented on August 27, 2024

interesting, it works in safari fine, figured it might be camel-casing of the props or something

from move.js.

bluntworks avatar bluntworks commented on August 27, 2024

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.

tj avatar tj commented on August 27, 2024

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.

tj avatar tj commented on August 27, 2024

actually it's probably the same issue, 100 vs 100px

from move.js.

tj avatar tj commented on August 27, 2024

yup

from move.js.

tj avatar tj commented on August 27, 2024

closeddd

from move.js.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.