问JSTween库已损坏
EN

Stack Overflow用户

提问于 2013-06-26 18:12:50

回答 1查看 302关注 0票数 0

JSTween库似乎不会执行从库的教程中拉出的简单动画。使用以下代码，警告框将在分配的1秒持续时间后显示，但不会发生动画。

我一定是把库设置错了，但我看不出有什么问题。

<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>

其他信息:在10.7.5上使用Safari。代码在Chrome或Firefox中也不起作用。

javascript

jquery

jstween

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-07-04 10:23:18

对于将来可能阅读本文的任何人，我发现了问题: CSS element #box需要position: relative;作为属性，否则浏览器将默认保留该元素。

票数 3

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/17317297

复制

相似问题

问JSTween库已损坏
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问JSTween库已损坏EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问JSTween库已损坏
EN