Animation dojo.fx.wipeIn与style=”的对象存在问题;显示:无&引用;
我想用定义样式的对象擦除Animation dojo.fx.wipeIn与style=”的对象存在问题;显示:无&引用;,animation,dojo,Animation,Dojo,我想用定义样式的对象擦除display:none: dojo.fx.wipeIn({ node: dojo.byId("target"), duration: 500 }).play(); 但动画无法播放。 问题是什么 我使用它来显示显示属性,但仍然不显示任何内容。警报消息为空 dojo.fx.wipeIn({ node: dojo.byId("target"), duration: 500, beforeBegin: function(
display:none代码>:
dojo.fx.wipeIn({
node: dojo.byId("target"),
duration: 500
}).play();
但动画无法播放。
问题是什么
我使用它来显示显示属性,但仍然不显示任何内容。警报消息为空
dojo.fx.wipeIn({
node: dojo.byId("target"),
duration: 500,
beforeBegin: function(){
alert(dojo.byId("target").style.display);
},
onEnd: function() {
alert(dojo.byId("target").style.display);
}
}).play();
这是一个非常简单的页面:
<html>
<head>
<title>wipeIn test</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/dojo/1.3.2/dojo/dojo.xd.js"></script>
<script type="text/javascript">
dojo.require("dojo.fx");
dojo.addOnLoad(function() {
dojo.fx.wipeIn({node: 'target', duration: 500}).play();
});
</script>
</head>
<body>
<div id="target" style="display:none; background-color: #444; color: #fff; height: 400px; width:300px;">
<br />Unnecessary animation :-)
</div>
</body>
</html>
擦拭试验
dojo.require(“dojo.fx”);
dojo.addOnLoad(函数(){
wipeIn({node:'target',持续时间:500}).play();
});
不必要的动画:-)
您可以发布更多您正在使用的代码吗?检查以下内容:
<html>
<head>
<title>wipeIn test</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/dojo/1.3.2/dojo/dojo.xd.js"></script>
<script type="text/javascript">
dojo.require("dojo.fx");
dojo.addOnLoad(function() {
dojo.fx.wipeIn({node: 'target', duration: 500}).play();
});
</script>
<style>
#target {
display:none; background-color: #444; color: #fff; height: 400px; width:300px;
}
</style>
</head>
<body>
<div id="target">
<br />Unnecessary animation :-)
</div>
</body>
</html>
擦拭试验
dojo.require(“dojo.fx”);
dojo.addOnLoad(函数(){
wipeIn({node:'target',持续时间:500}).play();
});
#目标{
显示:无;背景色:#444;颜色:#fff;高度:400px;宽度:300px;
}
不必要的动画:-)
使用显示时:无在样式表中,dojo失败了。不确定原因,但似乎在显示时:无代码>与它工作的html对齐。这就是为什么简单的示例可以在Dojo/fx文档页面上工作
<div id="target" style="display:none; background-color: #444; color: #fff; height: 400px; width:300px;">
<br />Unnecessary animation :-)
</div>
不必要的动画:-)
这似乎是dojo.fx.wipeIn中的一个bug,因为将样式声明内联可以解决问题。这是关于dojo的问题,而不是可以内联放置的CSS。