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(); }
    );
});

第1次悬停事件无效

1 个答案: