点击搜索框下拉列表不能触发跳转
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 });