jquery - 第一个悬停事件不起作用

Question

我有以下 jQuery 脚本，它负责在鼠标悬停时显示隐藏的 div：

function mouseOverBoard() {
    function mouseOverBoard() {
        $(".boardControl").hover(function () { 
            $(this).find(".boardControllers").show(); },
            function () { 
                $(this).find(".boardControllers").hide(); }
            );
    }
}

这是我的html代码：

<div class="portlet-header textSmall test boardControl" onmouseover="javascript:mouseOverBoard();" style="background: #e9f2f2; min-height: 55px;">
    <div class="boardControllers" style="display: none;">
        <img src="./images/editSmall.png" alt="Edit" title="Bearbeiten" />&nbsp; &nbsp;
        <img src="./images/deleteSmall.png" alt="Delete" title="Löschen" />&nbsp; &nbsp;
        <img src="./images/addNewEmployeeSmall.png" alt="New Employee" title="Mitarbeiter hinzufügen" />&nbsp; &nbsp;
        <a href="javascript:details();"><img src="./images/details.png" alt="Details" title="Detailsansicht" /></a>&nbsp; &nbsp;
    </div>
    Downloadbereich aktualisieren

</div>

它工作没有任何问题，但只有在第一次触发事件之后。第一次什么都没有发生（隐藏的 div 只是没有显示）。

Answer 1

您使用这些功能的方式是错误的。只需使用：

$(document).ready(function(){
    $(".boardControl").hover(function () { 
      $(this).find(".boardControllers").show(); },
        function () { 
          $(this).find(".boardControllers").hide(); }
    );
});