相关疑难解决方法(0)

Dojo,如何在DIV上进行onclick事件

互联网上有一个淡出的样本.. 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)

javascript dojo

5
推荐指数
1
解决办法
2万
查看次数

标签 统计

dojo ×1

javascript ×1