javascript - jQuery 函数 : pass callback functions as optional arguments to another function

Question

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

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

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

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

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

那么，你是如何做到这一点的呢？

---

更新

我尝试了这个，基于下面一个接近但不完全的答案:

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

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

即:以下内容触发了自动完成，但未触发回调。

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

Answer 1

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

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() { ... }
});