用户选择自动完成建议后更新链接

时间:2012-08-12 16:51:25

标签: jquery-ui autocomplete

我使用jquery ui autocomplete和google map api(http://code.google.com/p/geo-autocomplete/)在用户输入时向用户提示位置。用户选择其中一个建议后,我想更新页面上的链接。我这样做:

$.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: {

            change: function() {  
                 //change the link
            },

问题是更改功能仅在用户选择建议后执行,然后单击页面上的其他位置。如果他们选择了建议,那么立即点击链接,它还没有更新。如何在用户选择其中一个提示建议后立即更新链接?

1 个答案:

答案 0 :(得分:0)

改为使用select事件。有关事件文档,请参阅official documentation