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的课堂上。

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

1 个答案: