0
Библиотека JSTween, похоже, не выполняет простую анимацию, извлеченную из учебника библиотеки. Используя следующий код, окно оповещения будет отображаться после выделенной 1-секундной продолжительности, но анимация не будет выполнена.JSTween library broken
Я, должно быть, неправильно установил библиотеку, но я не вижу проблемы.
<html>
<head>
<style type="text/css">
#box
{
width: 16px;
height: 16px;
}
</style>
<script type="text/javascript" src="jquery-1.10.1.js"></script>
<script type="text/javascript" src="jstween-1.1.js" ></script>
<script type="text/javascript" src="jstween-1.1.min.js" ></script>
<script type="text/javascript">
function animate()
{
$('#box').tween({
width:{
start: 16,
stop: 200,
time: 0,
units: 'px',
duration: 1,
effect:'easeInOut',
onStop: function(){ alert('Done!'); }
}
}).play();
}
</script>
</head>
<body>
<div id="box">
<img src="image.png" onClick="animate()" />
</div>
</body>
</html>
Дополнительная информация: использование Safari on 10.7.5. Код также не работает в Chrome или Firefox.
попробуйте записать '$ ('# box'). Tween', это нормально? – Cherniv
@Cherniv: если вы имеете в виду добавить console.log вроде этого:. 'функции одушевленного() { console.log ($ ('# окна') анимации ({ ширина: { старта: 16, остановка: 200, время: 0, единицы: 'точек', продолжительность: 1, эффект: OnStop 'easeInOut':. функция() {тревога ('! Готово');} } }) играть()); } ' Выходной сигнал в консоли: ['