GoogleマップAPI(http://code.google.com/p/geo-autocomplete/)でjquery uiオートコンプリートを使用して、ユーザーが入力するときに場所を確認します。ユーザーが提案の1つを選択した後、ページ上のリンクを更新したいと思います。私はこれをやっています:
$.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
},
問題は、変更機能は、ユーザーが提案を選択し、ページ上の別の場所をクリックした後にのみ実行されることです。彼らが提案を選択した場合は、すぐにリンクをクリックしてください。更新されていません。ユーザーがプロンプトのいずれかを選択した直後にリンクを更新するにはどうすればよいですか?