Javascript jQuery数据采集器在第二次单击时不工作

Javascript jQuery数据采集器在第二次单击时不工作,javascript,jquery,jquery-ui,cross-browser,datepicker,Javascript,Jquery,Jquery Ui,Cross Browser,Datepicker,有谁能帮我在“从”和“到”部分找到日期选择器背后的问题吗 当我点击from date并选择一个日期,然后再次点击from datepicker时,不会弹出窗口。我需要点击至或身体的其他地方,然后再次点击自使其运行。我真的很难找到这个问题背后的原因。有人能帮我提些建议吗。谢谢 此问题仅在Chrome和Safari中存在。它在Firefox中运行良好 HTML代码: <li class="date-field" id="from"> <a h

有谁能帮我在“从”和“到”部分找到日期选择器背后的问题吗

当我点击from date并选择一个日期,然后再次点击from datepicker时,不会弹出窗口。我需要点击
或身体的其他地方,然后再次点击
使其运行。我真的很难找到这个问题背后的原因。有人能帮我提些建议吗。谢谢

此问题仅在Chrome和Safari中存在。它在Firefox中运行良好

HTML代码:

<li class="date-field" id="from">
                    <a href="#" onclick="return false;" class="calendar">opener</a>
                    <input type="text" value="Check in" name="date_in" value="" /> 
                    <div class="datepicker-holder"></div> 
                  </li>
                  <li class="date-field" id="to">
                    <a href="#" onclick="return false;" class="calendar">opener</a>
                      <input type="text" value="Check out" name="date_out"  />
                      <div class="datepicker-holder"></div>
                  </li>
  • 导入&JS:

      <script type="text/javascript" src="/assets/js/jquery-1.8.3.min.js"></script>
    
    
      <script src="/assets/js/frontend/jquery-ui-1.10.2.custom.js"></script>
    
      <script type="text/javascript" src="/assets/js/jquery.main.js"></script>
      <script type="text/javascript" src="/assets/js/main.js"></script>
      <script type="text/javascript" src="/assets/js/loadmask/jquery.loadmask.js"></script>
      <!--[if lt IE 9]><link rel="stylesheet" type="text/css" href="/assets/css/ie.css" /><![endif]-->
    
      <script type="text/javascript">
      var jslocale = "en-AU";
      var ajaxload = "";
    
      var search_params = {"global_keywords":"","referer_page":"","keywords":"","room":false,"date_in":"","date_out":"","hotel_id":"","destination_id":"","date_in_stamp":"","date_out_stamp":"","view_type":"","trip_rating":"","star_rating":"","min_rate":"","max_rate":"","amenities":"","sort":"","all_results":"","roomCode":"","rateCode":"","bedCode":"","allStarsSelection":"","region_id":"","lang":null,"country":null,"curr":null}; 
    
    
      </script>
    
    
    var jslocale=“en AU”;
    var ajaxload=“”;
    var search_params={“global_keywords”:“referer_page”:“keywords”:“room”:“false”:“date_in”:“date_out”:“hotel_id”:“destination_id”:“date_in_stamp”:“date_out stamp”:“view_type”:“trip_rating”:“star_rating”:“min_rate”:“max_rate”:“便利设施”:“sort”:“sort”:“all_results”:“roomCode”:“rate Code”:“bedCode”:”,“allStarsSelection”:“region_id”:“lang”:null,“country”:null,“curr”:null};
    
    首先,我不太明白为什么您要使用那么多代码来管理两个简单的日期选择器,而不仅仅是使用

    第二,我可以看到,在用户单击输入后,您打开了日期选择器,但是绑定链接到焦点事件,而不是单击事件

    选择日期时,隐藏日期选择器并通过编程触发聚焦事件,以将光标返回到输入。问题是,聚焦事件只触发一次。它不会仅通过单击alread聚焦元素再次触发。直到通过单击外部触发模糊事件

    快速而肮脏的建议。更改:

    input.bind('focus',function(){
                    showDatepicker();
                })
    


    您应该在问题中输入相关代码。@fbynite-我发布了,谢谢。@amenadiel-很遗憾,您自己签名了……请单击“继续”按钮。
    input.bind('click',function(){
                showDatepicker();
            })