2

我编写了以下便利功能，让我可以轻松地将 jquery UI 自动完成功能放在元素上。

jQuery.fn.bindAutocomplete = function() {
  $(this).each( function() {
    $(this).autocomplete({
      source: $(this).data('autocomplete-source')
    });
  });
}

我总是使用附加data-autocomplete-source到元素的约定，所以我可以在任何地方调用它，就像这样：

$('input#name').bindAutocomplete();

现在，自动完成函数可以在选项哈希之后将回调函数作为可选参数。我几乎从不需要弄乱它，但我发现在少数情况下我想传递一个成功函数。显然，当我需要传递回调时，我可以重写完整的自动完成函数，但我宁愿重写我的bindAutocomplete()函数，以便它可以接受可选的回调函数并将它们传递给autocomplete().

那么，你是怎么做到的呢？

更新

我尝试了这个，基于以下接近但不完全的答案：

jQuery.fn.bindAutocomplete = function(callbacks) {
  $(this).each( function(callbacks) {
    options = $.extend({source: $(this).data('autocomplete-source')}, callbacks);
    $(this).autocomplete(options);
  });
}

无论您是否传递回调，这都会正确绑定自动完成功能，但如果您确实传递回调，它们不会被调用。

即：以下触发自动完成但不是回调。

$('input#name').bindAutocomplete({ select: function(){alert("working");} })
4

1 回答 1

2

如果这就是你的意思，我想你可以这样做......

jQuery.fn.bindAutocomplete = function( opts ) {        
  return this.each(function(){
    opts = $.extend({
      source: $(this).data('autocomplete-source')
    }, opts);
    $(this).autocomplete( opts );
  });
}

$('input#name').bindAutocomplete({
  change: function() { ... },
  close: function() { ... }
});
于 2012-11-08T00:57:06.570 回答