zoukankan      html  css  js  c++  java
  • 点击搜索框下拉列表不能触发跳转

    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 });
  • 相关阅读:
    归并排序算法
    交换排序算法
    插入排序算法
    DASCTF2021五月赛
    第二届newsctf
    山西省赛
    2021广东省第一届网络安全竞赛
    2021 DozerCTF
    2021-HSCTF re
    buuctf-re (持续更新)
  • 原文地址:https://www.cnblogs.com/guanghe/p/8043987.html
Copyright © 2011-2022 走看看