jquery在弹出窗口中自动完成

jquery autocomplete in popup window

本文关键字：窗口 jquery      更新时间：2023-09-26

我正试图在弹出窗口中自动完成。但它不起作用。有人能帮我吗？

这是我的弹出窗口代码JS:

 $(document).ready(function(){
        $('.swqweeer').click(function(){
          $('.hakkindaar, .box').animate({'opacity':'.50'}, 300, 'linear');
          $('.edith').animate({'opacity':'1.00'}, 300, 'linear');
          $('.hakkindaar, .edith').css('display', 'block');
        });
        $('.chak').click(function(){
          close_box();
        });
        $('.iptlh').click(function(){
          close_box();
        });
      });
      function close_box()
      {
        $('.hakkindaar, .edith').animate({'opacity':'0'}, 300, 'linear', function(){
          $('.hakkindaar, .edith').css('display', 'none');
        });
       $( "#stockCode" ).autocomplete({
  source: [ "c++", "java", "php", "coldfusion", "javascript", "asp", "ruby" ]
});
function getValue() {
  console.log($("#stockCode").val());
}
      }

我想在这行HTML中添加一个自动完成：

<div class="yyop">
   <div class="gloyy"><input type="txt" class="yseh" title='Tags' id='stockCode' autofocus></div>
   <div class="gloyy"><input type="txt" class="yseh"></div>
</div>

这是我的演示页面：

CODEPEN

这是关于z索引的。添加以下CSS：

.ui-autocomplete, ui-autocomplete-input {z-index:1000}

此外，自动完成代码的定位也不正确。将其移动到$(document).ready主块内，例如：

$(document).ready(function(){
  $( "#stockCode" ).autocomplete({
    source: [ "c++", "java", "php", "coldfusion", "javascript", "asp", "ruby" ]
  });
  // other stuff
}
相关文章：