Question

我的页面上有一个输入字段，我将jquery自动完成绑定到该字段。这非常适合在第一页加载时呈现的输入。

$(document).ready(function() {
$(".itemClass").autocomplete( {
source:foodItems
});
});

但是，一旦我点击按钮添加具有相同输入的另一行，再次使用相同的代码来绑定自动完成;它不起作用

   $scope.AddAnotherRow = function() {
    $scope.reviewList.push(new ItemReview(null,$scope.ratingOptions[0],null));
    jQuery(".itemClass").autocomplete({
       source:foodItems
        });
    $scope.totalComputed = false;
    };

我正在使用角度和否。行数由数组中的项确定。我没有在控制台中收到任何错误，但是在页面加载后添加了输入字段，并没有显示自动完成行为。

Answer 1

尝试添加事件侦听器并再次调用该函数。

这样的事情：

$(document).ready(function() {
      $(".itemClass").autocomplete( {
      source:foodItems
      });

      $scope.AddAnotherRow = function() {
          $scope.reviewList.push(new ItemReview(null,$scope.ratingOptions[0],null));
          $scope.totalComputed = false;
      };


      $(".itemclass").bind("DOMSubtreeModified", function() {
          $(".itemClass").autocomplete( {
              source:foodItems
          });
      });

});

页面加载后绑定jQuery自动完成

1 个答案: