鼠标悬停只工作一次?JQuery

The on mouseover only works once? JQuery

本文关键字：一次 JQuery 悬停 工作 鼠标      更新时间：2023-09-26

悬停链接时，我希望提交按钮向后推，这样提交按钮就不会戳过评论框（悬停光标时会激活）。

我做了一些有用的东西，但只有一次。有人能帮我吗？

我想在每次悬停提交链接时执行此操作，而不仅仅是一次。

$( function hideSubmit() {
    $('.submit').parent().closest('.submit').on("mouseover", function() {
        $('.submit').css("position", "relative");
        $('.submit').css("z-index", "-1");
    });
     $('.commentBox').on("mouseleave", function() {
        $('.submit').css("position", "relative");
        $('.submit').css("z-index", "999");
     });
});

更新：jsfiddle.net/wmymbc4改进问题：

我希望能够点击提交按钮，但隐藏的悬停评论框阻止了它。因此我使用JQuery解决了这个问题。CSS不会削减作业，因为它不支持只允许我选择父类。

但我想在鼠标不在注册链接上时显示提交按钮。如果我把鼠标悬停在注册链接上，我会看到提交按钮顶部的完整悬停框。

如果我把鼠标悬停在注册链接上，我会看到提交按钮顶部的完整悬停框

如果只想在悬停注册链接时显示工具提示，请单独绑定链接上的事件。当鼠标移出注册链接时，它将被隐藏，您可以单击提交按钮。

不更改opacity和z-index的值，只需使用display:none隐藏工具提示并使用以下脚本：

$('.commentBox a').on("mouseenter", function (e) {
  $('.arrow_box').show();
});
$('.commentBox a').on("mouseleave", function () {
  $('.arrow_box').hide();
});

更新的Fiddle

相关文章：