如何将mouseenter和mouseleave功能与ajax结合

Question

是否可以干净利落地结合这个功能。 我正在使用 mouseenter 函数来显示我的 ajax 页面内容并使用 mouseleave 隐藏它

$(function() {
    $("#card_client").mouseenter(function(){
        $("#results").load("data/show_card.php");
        $("#results").show();
    });

     $("#card_client").mouseleave(function(){
        $("#results").hide();
    });
});

Answer 1

使用

.hover()

将它们合并为一个调用：

$(function() {
    $("#card_client").hover(function(){
        $("#results").load("data/show_card.php").show();
    }), function(){
        $("#results").hide();
    });
});

当您开始悬停时执行第一个函数，当您停止悬停时执行第二个函数。