关闭输入焦点上的滑动菜单
关闭输入焦点上的滑动菜单
提问于 2016-02-19 04:44:17
我有一个搜索栏，在幻灯片菜单中有额外的选项。我有它所有的工作，但我需要的是菜单是关闭时，你再次关注输入。
https://jsfiddle.net/ny51mzp8/2/
选中fiddle...open菜单，焦点回到input...the菜单，保持打开状态，直到您再次单击该按钮。求求你，我需要两个选项都起作用。我只听说jquery的"keyup“可以做到这一点。
到目前为止，我已经这样准备好了：
$(document).ready(function() {
$('#showmenu').click(function() {
$('.search-baner').toggle("slide", { direction: "left" }, 500);
$("span",this).toggleClass("ion-arrow-right-b ion-arrow-left-b");
$("#showmenu",this).toggleClass("not-pressed pressed");
});
});回答 2
Stack Overflow用户
发布于 2016-02-19 05:07:55
使用$.focus()方法。
$('input').focus(function(){
$banner = $('.search-baner');
if ($banner.is(':visible')) {
$banner.toggle();
}
});Stack Overflow用户
发布于 2016-02-19 05:07:49
点击输入行吗？
$(document).ready(function() {
$('#showmenu').click(function() {
$('.search-baner').toggle("slide", {direction: "up"}, 1000);
// Only add the listenner once the menu is deployed
$('input').on('click', function() {
$('.search-baner').toggle("slide", {direction: "up"}, 1000);
// Remove the listenner since we dont wan't the menu to open if we click again
$(this).unbind('click');
});
});
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/35492043
复制相关文章
相似问题
腾讯云开发者
