在mouseleave上，在离开元素之前执行：javascript

我试图在这段代码中执行mouseenter（）和mouseleave（）

问题是mouseleave事件在离开元素之前会很快执行

我想弄明白为什么会这样

function home(){
        $(".light").css("margin-left","440px");
        $(".isik").css("margin-left","385px");
        $(".isik").parent().attr("href","index.php");
    }
    function work(){
        $(".light").css("margin-left","760px");
        $(".isik").css("margin-left","705px");
        $(".isik").parent().attr("href","refereanslar.php");
    }
    function contactus(){
        $(".light").css("margin-left","910px");
        $(".isik").css("margin-left","855px");
        $(".isik").parent().attr("href","iletisim.php");
    }
    function aboutus(){
        $(".light").css("margin-left","600px");
        $(".isik").css("margin-left","550px");
        $(".isik").parent().attr("href","hakkimizda.php");
    }
    $(".contactus").mouseenter(function() {
        contactus();
    })
        .mouseleave(function() {
            home();
        });
    $(".work").mouseenter(function() {
        work();
    })
        .mouseleave(function() {
            home();
        });
    $(".aboutus").mouseenter(function() {
        aboutus();
    })
        .mouseleave(function() {
            home();
        });

您可以在关联的链接中看到完整的代码

---

以下是问题： 当mouseenter事件发生且两个图像

$(".light").css("margin-left","760px");
$(".isik").css("margin-left","705px");

如果将鼠标放置在实际悬停的元素上，则会触发鼠标离开事件，因为鼠标现在位于

.isik

图像上。。。。

---

为了证明我所说的：只需删除

isik

图像，它就可以工作了…

检查内部的标记#ul direct内部的navlist子元素应仅为li元素。请验证您的标记。如果解决了问题，也可以尝试hover（）代替mouseleave和mouseenter。hover（function（）{aboutus（）；}，function（）{home（）；}）像这样，让我知道OpThank#Pravin Vacihal我在UL中添加了其他元素，因为我希望这些元素被样式化，只有一些元素我希望它们被样式化，而其他元素是正常样式，我可以用-45度来样式化一些我想要的lis吗？#CJ Ramki我试过了，但onleave不起作用，因为我正在更改一个元素的css，我需要它来重置它。谢谢#Homungus，但我需要isik图像，我不能没有它，你有什么建议？@MFH你有不同的可能性。e、 g.为链接使用backgorund图像，而不是将图像放在顶部。或者定位元素并使用不同的

z索引

。