javascript - 我可以覆盖 jQueryUI 自动完成中的选择选项吗

Question

Fiddle Example

我的主 js 文件中有一个自动完成代码。这是一个例子:

var availableTags = [
    "ActionScript",
    "AppleScript",
    "Asp"
    ];
$("#tags").autocomplete({
    source: availableTags,
    select: function(event, ui) {
      return false; 
    }
});

我有一个单独的 js 文件，该文件仅在特定页面上提供。在该文件中，我想覆盖 $("#tags") 实例中的 select 选项，以下是该单独 js 文件中的示例:

$.widget( "ui.autocomplete", $.ui.autocomplete, {
   select: function (event, ui) {
     $(this).val(ui.item.label);  // to automatically populate the input box with the selected option  
  }
});

是否可以像 jQuery 中那样覆盖选择选项？

Answer 1

使用选项方法。所有 jQuery 小部件都有一个 option method这允许您更改选项。所有 jQuery 小部件方法的调用方式如下: $().widgetname("method",arg1,arg2,...)

http://jsfiddle.net/b9awbcuf/

$("#tags").autocomplete("option", "select", function (event, ui) {
    alert('changed');
    $(this).val(ui.item.label);
});

这是一本非常有用的读物​​:http://learn.jquery.com/jquery-ui/how-jquery-ui-works/