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