0

jquery geo-autocomplete プラグインを使用して、ユーザーの入力に応じて場所を提案しています (http://code.google.com/p/geo-autocomplete/)。

ユーザーが提案を選択したら、ページ上のリンクを編集したいと思います。選択機能を拡張しようとしています。コア関数をオーバーライドする新しい選択関数を定義しました。以下は 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');
             },

ユーザーが候補の 1 つを選択すると、アラートが表示され、テキスト ボックスが入力されます。コア選択機能を実行して (それによってテキスト ボックスを埋めて)、自分のコードを実行して (リンクの href を変更します) 実行したいです。これどうやってするの？

4

1 に答える 1

0

次のようなことを試してみませんか。

    options: {

            select: function(event, ui) {
            $(this).trigger('change');
     },
于 2012-08-10T13:15:08.227 に答える