在jQuery中使用mouseenter的问题

时间:2014-04-21 08:41:56

标签: jquery mouseenter

我的内部有一个按钮和span标签,如

<div class="someclass" style="border: 0px solid black;padding: 5px 5px 5px 0px;width: 50px;">
    <button class="eventBound" type="button">
        <span>
            <span>text for button</span>
        </span>
        <div class="hiddenDiv"></div>
    </button>
</div>

并拥有像

这样的jQuery代码
jQuery(".eventBound").mouseenter(function () {
    someFunctionToOpenBox(required parameters);
});

从上面的代码中,当我从顶部方向将鼠标悬停在按钮上时,我可以打开覆盖框,但是当我从底部方向将鼠标悬停在按钮上时,它不会打开覆盖框。

这种故障可能是什么情况?

1 个答案:

答案 0 :(得分:2)

ITS WORKING DEMO

<div class="someclass" style="border: 0px solid black;padding: 5px 5px 5px 0px;width: 50px;">
    <button class="eventBound" type="button">
        <span>
            <span>text for button</span>
        </span>
        <div class="hiddenDiv"></div>
    </button>
</div>

$(".eventBound").mouseenter(function () {
    alert("hi");
});

我的someFunctionToOpenBox(required parameters);

问题