扩展/覆盖jquery ui自动完成功能

时间:2012-08-10 11:51:08

标签: jquery autocomplete

我正在使用jquery geo-autocomplete插件来建议用户输入的位置(http://code.google.com/p/geo-autocomplete/)。

用户选择建议后,我想编辑页面上的链接。我正在尝试扩展选择功能。我已经定义了一个新的select函数来覆盖核心函数。以下是javascript的示例:

$.widget( "ui.geo_autocomplete", {

// setup the element as an autocomplete widget with some geo goodness added
_init: function() {
    this.options._geocoder = new google.maps.Geocoder; // geocoder object
    this.options._cache = {}; // cache of geocoder responses
    this.element.autocomplete(this.options);


    // _renderItem is used to prevent the widget framework from escaping the HTML required to show the static map thumbnail
    this.element.data('autocomplete')._renderItem = function(_ul, _item) {
        return $('<li></li>').data('item.autocomplete', _item).append(this.options.getItemHTML(_item)).appendTo(_ul);
    };
},

// default values
options: {

            select: function(event, ui) {
                alert('in override function');
             },

用户选择其中一个建议后,警报会出现,然后填写文本框。我希望执行核心选择功能(从而填充文本框),然后拥有我要执行的代码(我将更改链接的href)。我怎么能这样做?

1 个答案:

答案 0 :(得分:0)

你能不能尝试这样的事情:

    options: {

            select: function(event, ui) {
            $(this).trigger('change');
     },