互联网上有一个淡出的样本.. http://docs.dojocampus.org/dojo/fadeOut?t=tundra
但我想做一些不同的事情......我希望人们直接点击文字然后文字会淡出.
在我的代码中有一个div包装文本
<div id='parentNode'>
<div id='textDiv' onClick='whenClickAnyWhereWithinThisDiv_performFadeOut()'>
<div id='iconDiv'/>
<div id='messageDiv'/>
</div>
<div>
Run Code Online (Sandbox Code Playgroud)
代码如下所示,我想要的是,当人们点击textDiv中的任何地方时,那么整个textDiv将逐渐消失......嗯.....为什么我的代码不起作用?
function whenClickAnyWhereWithinThisDiv_performFadeOut () {
...
...
dojo.connect(dijit.byId('textDiv'), "onClick", fadeOutAndRemove(parentNode, textDiv));
}
function fadeOutAndRemove (parent, currentDiv) {
// just assume i can get the parent Node, and the current div, which will be textDiv
var objectId = currentDiv.getAttribute('id');
dojo.style(objectId, "opacity", "1");
var fadeArgs = {
node: objectId,
duration: 2000
};
dojo.fadeOut(fadeArgs).play();
setTimeout(function() { parent.removeChild(currentDiv);}, 2000);
}
Run Code Online (Sandbox Code Playgroud)