javascript - 结合 JS 代码，不确定我是否获得了所需的变量

Question

谁能告诉我我做错了什么？我终于明白了如何循环遍历 JSON 结果并在 DIV 中显示，但现在我尝试将其添加到自动完成搜索建议的 jquery 代码中。

http://jsfiddle.net/9fztL/3/

$(document).ready(function () {
    var tagsArray = []

    $.getJSON("https://api.deckbrew.com/mtg/cards?color=red&color=blue&rarity=rare&name=fire", function (result) {
        $.each(result, function (i, field) {
            //$("div").append(field.name + "<br>" + field.url + "<br> " + field.id + "<br> " + field.set_url + "<br>");
            tagsArray.push(field.name);
        });

        $(function () {
            var availableTags = tagsArray;
            $("#tags").autocomplete({
                source: availableTags
            });
        });
    });
});

$(function () {
    var availableTags = tagsArray;
    $("#tags").autocomplete({
        source: availableTags
    });
});

Answer 1

您的$(function() {});创建了一个closure这会将其超出 tagsArray 变量的范围。你最好的选择是在你的顶部删除它，如下所示:

$.getJSON("", function (result) {
    $.each(result, function () {}); // Same as you have it

    $('#tags').autocomplete({
        source: tagsArray
    });
});

你不需要你的下半部分。