jquery - 最初のホバーイベントが機能しない

Question

マウスオーバー時に非表示の div を表示する責任がある次の jQuery スクリプトがあります。

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