javascript - 我的一个 javascript 变量未定义，我该怎么办？

Question

$(function(){

    //Location was "set". Perform actions.
    $("#geocodesubmit").click(function(){
        var geocoder = new google.maps.Geocoder();
        geocoder.geocode( { 'address': address}, function(results, status) {
        if (status == google.maps.GeocoderStatus.OK) {
            $("#map_canvas").show();
            var myOptions = {
                zoom: 15,
                center: results[0].geometry.location,
                mapTypeControl:false,
                mapTypeId: google.maps.MapTypeId.ROADMAP,
                scrollwheel:false,
            };
            var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);  
            var marker = new google.maps.Marker({
                    map: map,
                    position: results[0].geometry.location,
                    draggable:true
            });
         } 
       });

        return false;
    });

    //Marker was dragged. 
    google.maps.event.addListener(marker,"dragend",function(){
            alert('hi');
    });
});

正如您在此处看到的，当用户点击按钮时，我会生成一个新的 Google map 和一个新的 marker。但是，问题是标记没有被绑定(bind)。

加载此页面时出现错误:

未捕获的 ReferenceError:标记未定义。

我猜这是因为在单击按钮之前不会启动标记。如何成功绑定(bind)市场？ (我更喜欢点击按钮后加载 map ，因为在页面加载时加载 map 然后隐藏它存在显示问题)

Answer 1

将 addListener 调用移动到 click 处理程序中。