点击搜索框下拉列表不能触发跳转
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 });
相关文章推荐
- jquery 动态向下拉列表填充数据,点击下拉列表时传值并触发事件
- ios 点击抽屉页面按钮,触发跳转另一个页面
- 带搜索框选择的下拉列表
- recyclerview 显示图片 glide加载图片 实现点击跳转 上拉刷新下拉加载
- 自定义的tabbar在跳转之后隐藏tabbar后,tabbar原来的位置不能响应点击事件,这样解决
- mvp+retrofit+rxjava xrecyclerview实现多条目 下拉刷新 下拉加载 点击跳转
- jquery下拉列表的点击事件
- day02-10仿搜索框及下拉列表
- 2013-2-5 Activity跳转,解决已存在Activity未刷新,导致列表点击事件不响应问题
- MFC编程中,组合框下拉列表不能弹出
- 下拉列表跳转页面
- easyUI下拉列表点击事件使用方法
- 点击下拉直接跳转js
- csdn视频链接不能直接播放,而是跳转到视频列表的解决方法
- jquery图文列表鼠标点击下拉显示文字说明内容
- 表格点击当前行,在其下边展示其子信息列表(即下拉显示数据)
- 处理点击select之外的元素来触发select下拉
- 用户信息:奇偶数隔行变色,选中行变色,鼠标变小手样式;姓名查询条件,过滤敏感字符;下拉列表排序;非空验证添加信息;点击按钮删除
- ecshop商品子分类点击下拉,子分类空时,直接跳转功能