Question

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

我做了一些有用的东西，但只做了一次。任何人都可以帮助我吗？

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

$( 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/wmygmbc4 改善问题：

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

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

Answer 1

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

如果您只想在悬停注册链接时显示工具提示，请仅在链接上绑定事件。当鼠标离开注册链接时，它将被隐藏，您将能够单击提交按钮。

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

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

Updated Fiddle

鼠标悬停只能工作一次？ JQuery的

1 个答案: