ShowNoSuggestionNotice can be a function. Fix of noSuggestionNotice.

readme.md

@@ -45,7 +45,7 @@ The standard jquery.autocomplete.js file is around 2.7KB when minified via Closu
  * `autoSelectFirst`: if set to `true`, first item will be selected when showing suggestions. Default value `false`.
  * `appendTo`: container where suggestions will be appended. Default value `document.body`. Can be jQuery object, selector or html element. Make sure to set `position: absolute` or `position: relative` for that element.
  * `dataType`: type of data returned from server. Either 'text' (default) or 'jsonp', which will cause the autocomplete to use jsonp. You may return a json object in your callback when using jsonp.
- * `showNoSuggestionNotice`: Default `false`. When no matching results, display a notification label.
+ * `showNoSuggestionNotice`: Default `false`. Boolean or `function (suggestions) {}`. When set `true` and no matching results, display a notification label. When function given, it is called on every suggestion display and if `true` returned, notification is displayed.
  * `noSuggestionNotice`: Default `No results`. Text or htmlString or Element or jQuery object for no matching results label.
  * `forceFixPosition`: Default: `false`. Suggestions are automatically positioned when their container is appended to body (look at `appendTo` option), in other cases suggestions are rendered but no positioning is applied.
  Set this option to force auto positioning in other cases.

src/jquery.autocomplete.js

@@ -147,6 +147,7 @@
  suggestionSelector = '.' + that.classes.suggestion,
  selected = that.classes.selected,
  options = that.options,
+ noSuggestionNotice = this.options.noSuggestionNotice,
  container;
 
  // Remove autocomplete attribute to prevent native suggestions:
@@ -159,9 +160,12 @@
  }
  };
 
+ // if notice is not string, it should be deep-copied, so every autocomplete instance has its own copy
+ if(typeof noSuggestionNotice !== 'string')
+ noSuggestionNotice = $(noSuggestionNotice).clone(true);
  // html() deals with many types: htmlString or Element or Array or jQuery
  that.noSuggestionsContainer = $('<div class="autocomplete-no-suggestion"></div>')
- .html(this.options.noSuggestionNotice).get(0);
+ .html(noSuggestionNotice).get(0);
 
  that.suggestionsContainer = Autocomplete.utils.createNode(options.containerClass);
 
@@ -208,7 +212,6 @@
 
  onFocus: function () {
  var that = this;
- that.fixPosition();
  if (that.options.minChars <= that.el.val().length) {
  that.onValueChange();
  }
@@ -634,11 +637,15 @@
 
  suggest: function () {
  if (this.suggestions.length === 0) {
- if (this.options.showNoSuggestionNotice) {
+
+ var showNoSuggestionNotice = this.options.showNoSuggestionNotice;
+ if(typeof this.options.showNoSuggestionNotice === 'function')
+ showNoSuggestionNotice = this.options.showNoSuggestionNotice(this.suggestions);
+
+ if(showNoSuggestionNotice)
  this.noSuggestions();
- } else {
+ else
  this.hide();
- }
  return;
  }
 
@@ -686,9 +693,17 @@
 
  this.adjustContainerWidth();
 
+ // Detach noSuggestions not to have it removed when filling container with new suggestions
  noSuggestionsContainer.detach();
  container.html(html);
 
+ // If showNoSuggestionNotice is a function, call it to see
+ // if noSuggestionNotice should be added to theses suggestions
+ if(typeof this.options.showNoSuggestionNotice === 'function'
+ && this.options.showNoSuggestionNotice(that.suggestions)) {
+ container.append(noSuggestionsContainer);
+ }
+
  if ($.isFunction(beforeRender)) {
  beforeRender.call(that.element, container);
  }