调用javascript函数的正确方法

Question

我试图通过添加国家/地区名称的提取来扩展此网站中的谷歌地图标记示例。

由于谷歌地图返回一个包含每个地址详细信息的数组，因此我需要迭代该数组以查找“国家/地区”等条目。由于我想重用这段代码，因此我创建了一个函数。

但我不确定如何正确调用这个函数（这里调用 find(components, item)）。

我没有从 find 函数中得到任何返回。 如何从选择函数中正确调用查找函数？ *是否还有其他错误导致我收到空退货？*

感谢您的想法和建议！

$(document).ready(function() { 

initialize();

$(function() {
    $("#address").autocomplete({
        //This bit uses the geocoder to fetch address values
        source: function(request, response) {
            geocoder.geocode( {'address': request.term }, function(results, status) {
                response($.map(results, function(item) {
                    return {
                        label:  item.formatted_address,
                    value: item.formatted_address,
                    components: item.address_components,
                    latitude: item.geometry.location.lat(),
                    longitude: item.geometry.location.lng()
                    }
                }));
            })
        },

        // address_component selection
        find: function(components, item) {
            for(var j=0;j < components.length; j++){
                for(var k=0; k < components[j].types.length; k++){
                    if(components[j].types[k] == "country"){
                        return components[j].long_name;
                    }
                }
            }
        },

    //This bit is executed upon selection of an address
    select: function(event, ui) {
        $("#latitude").val(ui.item.latitude);
        $("#longitude").val(ui.item.longitude);
        $("#country").val(this.find(ui.item.components, "country"));
        var location = new google.maps.LatLng(ui.item.latitude, ui.item.longitude);
        marker.setPosition(location);
        map.setCenter(location);
    }
    });
});

Answer 1

find() 函数在 autocomplete 选项对象中定义。

如果您想访问 find 函数，则必须在自动完成选项之外定义它或获取指向它的指针：

var find = $(event.target).data("autocomplete").options.find;

这是因为 jQuery 使用附加到侦听器的元素更改函数的上下文。