javascript - 将鼠标悬停在按钮显示的隐藏文本框上

标签 javascript jquery html css twitter-bootstrap

<分区>


想改进这个问题吗? 更新问题,使其只关注一个问题 editing this post .

关闭 8 年前

我正在尝试创建一个简单的搜索栏,一旦您将鼠标悬停在一个简单的按钮上,它就会在左侧显示一个文本框。我将如何使用 CSS 和 javascript 来解决这个问题。使用 David Fregoli 响应后,

$('#idofthebutton').hover(function () {
$('#idoftextbox').show();
}, function () {
$('#idoftextbox').hide();
});

我如何才能在单击搜索后修复它,或者允许我将鼠标悬停在文本框上,因为悬停功能仅在按钮上。因此,当尝试使用文本框时,文本框会消失。

最佳答案

$('#idofthebutton').hover(function () {
    $('#idoftextbox').show();
}, function () {
    $('#idoftextbox').hide();
});

关于javascript - 将鼠标悬停在按钮显示的隐藏文本框上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27988510/

上一篇:html - 如何在 Bootstrap 中在网格中制作垂直线?

下一篇:jquery - 将另一个不同的类附加到一组相似的类

相关文章:

javascript - 如何等待子 Activity 完成

javascript - 如何在 typescript 中定义动态泛型约束

javascript - 单击后,如何设置事件处理程序以在后续单击时触发?

html - 将 div 置于文本之上

javascript - AngularJS 和 UI 路由器 : Why do $state. go() 和 $location.path() 在交互式控制台中不起作用?

javascript - 在发送到 Datadog 的 k6 指标中包含测试运行 ID

javascript - jQuery:如何检测弹出窗口是否关闭?

javascript - 父点击事件与子点击事件重叠

html - 如何将内部设置为全宽

javascript - HTML 5 native 表单验证回调