javascript - empty() 然后运行函数的其余部分

Question

我有一些 json 加载到li.ui-state-default挂起的用户条目中。

然后用户可以输入新条目。每次加载新条目时，我都希望它清空li.ui-state-default但它似乎只是保持为空。

//data for DOM
var timeout = '';
$('.call-json').keyup(function () {
    clearTimeout(timeout);
    var val = this.value;
    timeout = setTimeout(function () {
        $('.ui-state-default').empty();
        $.getJSON('json/' + val + '.json', function (data) {
            // load data

            var items = [];
            for (key in data[0].attributes) {
                if (key.match('.stat.prop.type')) {
                    items.push(data[0].attributes[key])
                }
            };

            displaySortLabel(items, "type-details");

        function displaySortLabel(items, parentClass) {
                $('<span/>', {
                    'class': 'el-data',
                    html: items.join('')
                }).hide().fadeIn().appendTo('.' + parentClass + ' .sort-label');
            }

Answer 1

li.ui-state-default通过 using附加.appendTo('.' + parentClass + ' .sort-label')将不起作用，因为它会搜索 a.sort-label存在于该parentClass变量中。

确保在尝试追加时拥有正确的选择器。

此外，您不需要hide()and fadeIn()：

$('<span/>', {
    'class': 'el-data',
    html: items.join(''),
    'css': {
        'display': none
    }        
}).fadeIn().appendTo('.' + parentClass + ' .sort-label');