防止Mootools Mouseenter触发隐藏的子元素

Question

我有一个自动旋转的内容滑块,当您将鼠标悬停在它上面时,它将停止旋转.我的问题是这里的一些代码:

$$('.holder').addEvents({
    mouseover: function(){
        clearInterval(rollingon);
    },
    mouseout: begin
});

HTML:

<div id="fliptable">
    <div class="holder">
    <ul class="headliner" style="left: 0;">
        <li class="headitem">
            <div class="squared" style="opacity: 1;">
                            *content*
            </div>
        </li>
    </ul>
    </div>
</div>

Fliptable扩展了浏览器的整个宽度.所以不同的列表元素的不透明度随着它的变化而变化.现在我的问题是鼠标悬停将在我将鼠标悬停在隐藏列表元素上时触发.无论如何我不能对儿童开火吗？

这是JS小提琴:http://jsfiddle.net/AjWuL/

Answer 1

是的，您可以将另一个类添加到您不想对事件做出反应的列表元素中，然后执行类似的操作

window.onmouseover=function(e){
if(e.target.className!="hiddenelements"){
what you want 
}

你必须使其适应你的代码，我不知道如何将其放入你的 jsfiddle 类中。