Question

当我将鼠标悬停在某个链接上时，我试图让图片显示，但我无法让.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"); 
});

有人可以告诉我我做错了什么以及如何解决它？

Answer 1

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

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

Answer 2

史蒂夫回答了你的问题。悬停只是一个简短的手：

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

即

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

悬停在链接上不会执行javascript

2 个答案: