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