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

时间:2014-09-14 07:50:25

标签: javascript jquery html css javascript-events

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

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

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

$( 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不会削减工作,因为它不支持允许我只选择父类。

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

1 个答案:

答案 0 :(得分:1)

  

如果我将鼠标悬停在注册链接上,我应该会在提交按钮

的顶部看到完整的悬停框

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

不要更改opacityz-index值,只需使用display:none隐藏工具提示,然后使用以下脚本:

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

Updated Fiddle