悬停在链接上不会执行javascript

Hovering on link does not execute javascript

本文关键字：执行 javascript 链接 悬停      更新时间：2023-09-26

当我将鼠标悬停在链接上时，我试图使图像出现，但无法使.hover()事件正常工作。首先，我只是想让一个警报出现。一旦我能做到这一点，我就知道如何淡入淡出，但与此同时，我只想让jQuery发挥作用。

这是我的HTML:

<div class="timeslot" id="d1_0">
    <ul class="_ts">
        <li><a class="new_appt" href="#">Open</a><a class="delete_appt" href="#"><img src="<?php echo  plugins_url('/scheduler/img/untick.png');?>"></a></li>
    </ul>
</div>

这是我正在使用的javascript/jQuery：

    $('.new_appt').hover(function(){
             //mouse over
         $(this).alert("test");
            //mouse exit
         $(this).alert("complete"); 
});

有人能告诉我我做错了什么，以及我该如何解决吗？

按照您打算使用它的方式，hover()需要两个处理程序，一个用于handlerIn，一个用作handlerOut。应该是：

$('.new_appt').hover (
    function(){
        //mouse over
        $(this).alert("test");
    }, 
    function() {
        //mouse exit
        $(this).alert("complete"); 
    }
);

Steve已经回答了您的问题。悬停只是的一个短手

$( selector ).mouseenter( handlerIn ).mouseleave( handlerOut );

即

$( selector ).mouseenter(function(){
    //mouse over
    $(this).alert("test");
} ).mouseleave( function() {
    //mouse exit
    $(this).alert("complete"); 
} );
相关文章：