Пытаясь понять основы JSTween

Question

Пытаясь понять основы JSTween

0

Я сижу здесь уже около трех часов, пытаясь сделать простую анимацию с JSTween. Я нашел несколько потоков, где у меня были примеры того, что я пытаюсь сделать (для примера это), но это просто не работает. Наверняка это просто некоторые "когда вы видите" неудачу. Было бы хорошо, если бы один из вас посмотрел бы на код.

HTML

<body>
  <ul id="slides">
    <li id="left">
    </li>
    <li id="center">
    </li>
    <li id="right">
    </li>
  </ul>
</body>

JavaScript

$(window).load(function(){
  var left = $('#left'),
      center = $('#center'),
      right = $('#right');


  center.click(function(){  
    left.tween({
      left:{
        start: -500,
        stop: 0,
        time: 0,
        duration: 3,
        units: 'px',
        effect: 'easeInOut' 
      }
    });
  $.play();
  });
});

Благодаря Spyrko

Spyrko 06 янв. 2014, в 21:52

Источник

0

В чем проблема, вы не сказали, в чем проблема
I am Cavic 06 янв. 2014, в 20:12

Теги:

javascript

jquery

jstween

1 ответ

Ещё вопросы

В чем проблема, вы не сказали, в чем проблема

ajtrichards · Accepted Answer · 2014-01-06T17-31-00.000Z

Вместо того, чтобы использовать:

$(window).load(function(){

Использование:

$(document).ready(function(){

Я поправил ваш JSFiddle, и он отлично работает: http://jsfiddle.net/7t5La/3/