jQuery UI 自动完成刷新数据

我使用 jQuery ui 自动完成功能。

var colors;

$(document).ready(function(){
        loadColors();
        $('#empf').autocomplete(colors);
}

function loadColors(){
 colors = new Array(getNumColor());
//in a loop save the colors to array using colors[i] = ...
}

function addColor(){
    ...
    color[n] = color;
}

当用户输入新颜色时，它将保存到颜色数组中。我切换到自动完成表单，但输入的数据在刷新页面之前才可用。

有什么想法如何使新颜色可用于自动完成吗？

更新颜色时，还需要更新自动完成使用的来源 http://jqueryui.com/demos/autocomplete/#option-source， 像这样：

function addColor() {
    // Update colors.
    $('#empf').autocomplete("setOptions", { source: colors });

    // Try "option" for older versions (if "setOptions" does not work).
}

这是执行此操作的示例演示 http://www.jsfiddle.net/nick_craver/aKaK4/，添加颜色并每秒更新一次自动完成源。