在悬停链接时,我希望提交按钮按下,这样提交按钮就不会通过评论框(在光标悬停时激活)。
我做了一些有用的东西,但只做了一次。任何人都可以帮助我吗?
我想在每次悬停提交链接时执行此操作,而不仅仅是一次。
$( 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不会削减工作,因为它不支持允许我只选择父类。
但是当鼠标不在注册链接上时,我想显示提交按钮。如果我将鼠标悬停在注册链接上,我应该会在提交按钮顶部看到完整的悬停框。
答案 0 :(得分:1)
如果我将鼠标悬停在注册链接上,我应该会在提交按钮
的顶部看到完整的悬停框
如果您只想在悬停注册链接时显示工具提示,请仅在链接上绑定事件。当鼠标离开注册链接时,它将被隐藏,您将能够单击提交按钮。
不要更改opacity
和z-index
值,只需使用display:none
隐藏工具提示,然后使用以下脚本:
$('.commentBox a').on("mouseenter", function (e) {
$('.arrow_box').show();
});
$('.commentBox a').on("mouseleave", function () {
$('.arrow_box').hide();
});