jQuery 更改事件中无法访问全局 JavaScript 变量

Question

我必须错过一些简单的东西，但我真的不确定是什么。

我有一个按钮，单击时会获取 JSON 数据。 当下拉列表更改时，我检查是否有数据，如果有，我想将其清除，因为下拉列表指示单击按钮时要检索的数据

编码：

 var selected, $locDialog;
 var locations = [];

$(function() {
// Save the selected Name
selected = $("#selected option:selected").val();

// Setup Dialog for Locations
$locDialog = $('#location-dialog').dialog({
    autoOpen: false
});

// If user changes the selected
// 1.  Prompt for confirmation
// 2.  If users confirms, clear  data
$('#selected').change(function() {
    if (locations) {
        var confirmed = confirm("Oh Rly?");
        if (confirmed) {
            // Clear data
            var locations;
        }
    }
});

// When user clicks "Location" Button..
$('.loc-select button').click(function() {
    if (!locations) {
        $.getJSON("/Controller/JSONAction", { selectedId: selected, pageNum: 1, pageSize: 100 }, function(data) {
            locations = data;
            $.each(locations, function(index, loc) {
                var $tr = $('<tr/>')
                    .append($('<td/>')
                        .append('<input type="checkbox" name="TEST-'+index+'" value="'+loc.Id+'"/>'))
                    .append('<td>' + loc.Name + '</td>');
                $("#location-dialog table tbody").append($tr);
            });
        });
    }
    $locDialog.dialog('open');
    return false;
});
});

这是事情，在.click(...)回调中，我可以看到locations是[] 。 现在，当我在.change(...)回调中时，我看到locations is undefined 。

Answer 1

尝试更改此行...

// Clear data
var locations;

到这...

// Clear data
locations = [];

这是发生的事情：您正在声明一个新的“位置”变量，该变量覆盖全局变量。 在 JavaScript 中，在函数中声明的任何变量在整个函数中都是可见的——即使它们是在（您看起来喜欢的）嵌套作用域中声明的。