您的位置:首页 > 其它

点击搜索框下拉列表不能触发跳转

2017-12-15 17:05 120 查看
1 $("#search_input").bind("blur",function(e){
2     $("#originalList").hide();
3     $('#searchList').hide();
4     $("#search_input").val("");
5 });


搜索框默认失去焦点会清空文字和隐藏推荐列表,但当点击推荐列表时也会触发搜索栏的blur事件,当触发blur事件推荐列表会隐藏,此时点击列表相当于没有点击上,应为已经隐藏了,所以看起来点击无效,即先触发了第一个事件,第一个事件执行后使不能发生第二个事件。

办法:延迟触发第一个事件,这样能够触发第二个事件

1 $("#search_input").bind("blur",function(e){
2     var t = setTimeout(function(){
3         $("#originalList").hide();
4         $('#searchList').hide();
5         $("#search_input").val("");
6     },200);
7 });
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: