在我的网站上 http://electricdenim.co.uk/我有一个搜索框（文本输入字段）。
当用户单击它并开始输入文本时，会出现一个链接菜单。
菜单通过 JQuery 显示 - 以下命令使菜单显示：
".focus(function() {
$("#instant_search_wrapper").show();
}); "
当用户单击搜索框时，我希望菜单消失。
最简单的方法是使用以下命令：
".blur(function() {
$("#instant_search_wrapper").hide();
});"
但是，如果我这样做，那么当用户单击菜单中的链接时，文本输入字段将失去焦点，因此菜单会在用户进入选择页面之前消失。
如何才能使菜单在搜索字段失去焦点时消失（但如果用户在搜索字段失去焦点之前单击链接，他/她仍然能够被带到该链接）？
您需要将点击绑定到正文才能隐藏
$(document).click(function() {
$("#instant_search_wrapper").hide();
});
请参阅工作示例：http://jsfiddle.net/WYbp3/4/ http://jsfiddle.net/WYbp3/4/
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
