jquery autoComplete组合框不适用于通过ajax加载的新元素

Question

我在组合框（select）上使用jQuery autoComplete插件，问题是这个组合框是通过ajax加载的，因此，自动完成插件不适用于这个组合框我加载，我知道我必须使用.on（），因为javascript也可以应用于新元素，但我没有弄清楚如何 这是自动完成代码：

      $(function() {
    $( ".combobox" ).combobox();
    $(document).on('click', '.toggle', function() {
      $( ".combobox" ).toggle();
    });
  });

谢谢。

Answer 1

您必须重新初始化加载ajax的内容的自动完成功能。您可以跳过已有的元素，否则绑定自动完成。 使用要应用组合框的选择器调用以下功能。每当您通过ajax更新内容时，只需调用此方法。

function initCombobox(selector) {
    var combos = $(selector);
    $.each(combos, function (i, e) {
        if (!$(e).data('combobox')) {
            $(e).combobox();
        }
    });
}  

调用如：initCombobox(".combobox");