Jquery ui dom管理后,Jquery UI自动完成不起作用

Jquery ui dom管理后,Jquery UI自动完成不起作用,jquery-ui,Jquery Ui,我一直在尝试实现自动完成,但遇到了一个困扰我的问题。我第一次打电话。自动完成一切都很好,我没有问题。但是,如果我在从DOM中删除了一些(不相关的)元素并向DOM中添加了一个新的部分之后调用它,那么autocomplete不会执行任何操作,也不会报告任何错误。 代码:- 此页面的背景是,它包含多个部分,当用户在其中移动时,这些部分会被操纵。隐藏和显示工作正常,不会影响自动完成。但是,如果我执行以下操作:- var section = $('.js-addressForm:las

我一直在尝试实现自动完成,但遇到了一个困扰我的问题。我第一次打电话。自动完成一切都很好,我没有问题。但是,如果我在从DOM中删除了一些(不相关的)元素并向DOM中添加了一个新的部分之后调用它,那么autocomplete不会执行任何操作,也不会报告任何错误。 代码:-

此页面的背景是,它包含多个部分,当用户在其中移动时,这些部分会被操纵。隐藏和显示工作正常,不会影响自动完成。但是,如果我执行以下操作:-

          var section = $('.js-addressForm:last').clone();
          clearForm(section);
          $('div.addressDetails').append(section);
          $('.js-addressForm:first').remove();
这使得用户能够在上一节中添加多个地址,然后自动完成停止工作

对我明显遗漏的东西有什么建议或建议吗


我曾尝试在元素获得焦点但仍不工作时,将自动完成的初始化放在事件上。

您必须在所有其他底层对象之后创建自动完成。如果您选择F12,您将看到列表是“可见”的,但它位于下面,并被其后创建的所有实例隐藏


如果您使用输入创建了一个div(一个输入是autocomplete),那么您将创建autocomplete,然后创建对话框实例,autocomplete将永远不会显示。如果创建对话框,则自动完成,没有问题。问题是z顺序

我也面临同样的问题。现在,为了解决这个问题,我将在输入聚焦后在输入上创建小部件。它将帮助你解决这个问题

你可以在网上寻求帮助

示例代码如下所示

$( "#target" ).focus(function() {
  //I don't care if you manipulated the DOM or not. I'll be cautious. ;)

   (function() {
  $( "#combobox" ).combobox();
    $( "#toggle" ).click(function() {
      $( "#combobox" ).toggle();
    });
   })();

  // use a flag variable if you want
});

这解决了我的问题。希望这是您正在寻找的解决方案f

是您在
.js addressForm:first
中的自动完成吗。。?我们可以看到HTML或在线演示吗?不可以。。它在一个完全不同的部分。。。这就是为什么它有点奇怪。你能在一个在线演示中重现它吗?不是没有很多工作。该表单用于金融应用程序,我不想在那里放一个在线演示。问题不在于它们没有显示出来,而在于自动完成什么都没做。因此,当我在操作DOM后开始键入时,JS不会触发。
$( "#target" ).focus(function() {
  //I don't care if you manipulated the DOM or not. I'll be cautious. ;)

   (function() {
  $( "#combobox" ).combobox();
    $( "#toggle" ).click(function() {
      $( "#combobox" ).toggle();
    });
   })();

  // use a flag variable if you want
});