我如何添加功能到jQuery事件

Question

在mouseover事件上，我想調用函數，該函數會在鼠標懸停在圖像上時執行somethig，但我不知道如何為其編寫代碼。

function reload(){
 $("img.lazy").lazyload({
            effect : "fadeIn",
            event:"mouseover"
           });
}

例如：-

function reload(){
 $("img.lazy").lazyload({
            effect : "fadeIn",
            event:function(moueover)
            {
            //do somthing here
            }
           });
     }

Answer 1

您要使用mouseenter ：

 $('.test').on('mouseenter', function() { alert( 'mouse is over here' ); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="test">Hover here</div> 

Answer 2

讓我們看看這是否適合您

$(function() {
    $("img.lazy")
        .mouseover(function() { 
            console.log("Mouseover");
        });
});

Answer 3

你可以這樣

            jQuery('#youdomid').hover(function(){
                // do your stuff here
              //, your mouse has entered

              alert(2);
            },
            function (){
            // your mose leave the element
               // do the stuff what you want
               alert("leaved");
               }
            )

Answer 4

您還可以使用.hover函數

$( "img.lazy" ).hover(function() {
$( this ).fadeOut( 100 );
$( this ).fadeIn( 500 );
});

Answer 5

$(document).ready(function(){
    $("img.lazy").lazyload({effect : "fadeIn"}, function() {
         mousehover();
    });
}

function mousehover(){
     //do something mousehover stuff on here
}

Answer 6

您可以只使用以下事件mouseenter ：

$('.lazy').on('mouseenter', function() {
    console.log('foo');
});