Trung tâm cá nhân
sách gpt4 ăn đã đi

jquery - :hover stops after hovering autocomplete field

In lại 作者：太空狗 更新时间：2023-10-29 14:10:55 28 4
mua khóa gpt4 giày nike

我从来都不是 javascript 下拉菜单的忠实粉丝，所以当我可以使用 CSS 设计下拉菜单时，我会的。但是现在我遇到了一个小问题。

我有一个登录按钮和一个小的登录表单模块，它是按钮的兄弟。当我将鼠标悬停在按钮上时，登录表单会直接显示在它的下方(通过在他的兄弟上设置 display:block )，您可以转到将鼠标悬停在表单上的表单，这样表单模块不会再次消失。

一切都很简单:

#home-login-button:hover + #login, #login:hover {
    hiển thị: khối;
}

A JSFiddle can be found here

我遇到的问题是，当我输入字母时，我的浏览器想要自动完成。例如，如果我输入“h”，它会下拉“Hans Wassink”。但是当我将鼠标悬停在那个自动完成框上时，整个事情就像一个气泡一样弹出。我不再悬停在登录模块上，所以它消失了。很烦人。有什么我可以做的吗？我知道我可以将自动完成设置为“关闭”，但我希望我的用户拥有该选项。

我注意到当我使用相同的解决方案但使用 jQuery 时也会发生这种情况。

编辑:完成问题。我在 FF28/Windows 上。但是我这里的同事在其他版本的 FF 和 IE 上也有它(接待员，其他人有真正的浏览器:))。

câu trả lời hay nhất

这是一个 Jquery 解决方案。

HTML代码


CSS 代码

.login {
    vị trí: tương đối;
    height:60px;
    width:50px;
    margin:30px;
}
.login > span {
    cursor: pointer;
}
.login_form {
    box-shadow: 0 0 1px;
    đệm: 10px;
    vị trí: tuyệt đối;
    left: 0px;
    top: 30px;
    z-index: 9999;
    hiển thị: không có;
}

JQUERY 代码

$('.login').on('mouseover', function () {
    $('.login_form', this).show();
}).on('mouseout', function (e) {
    if (!$(e.target).is('input')) {
        $('.login_form', this).hide();
    }
});

关于jquery - :hover stops after hovering autocomplete field，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/23559012/

28 4 0
Đề xuất bài viết: html - 如何将 html.slim 转换为 html.erb？
Đề xuất bài viết: git - 如何备份多个存储？
Đề xuất bài viết: html - 如何将网络摄像头流式传输到服务器并操作流
Đề xuất bài viết: javascript - 将 HTML 表单输入转换为 JavaScript 变量
太空狗
Hồ sơ

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá taxi Didi miễn phí
Phiếu giảm giá taxi Didi
Các bài viết phổ biến trên toàn bộ trang web
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com
Xem sitemap của VNExpress