jquery - 即使资源已加载，也未应用 Tag-it CSS

Question

基本上我正在发出大量的 AJAX 请求来获取数据，然后我想使用 Hailwood's Tagit JS library 对其进行标记。 .从字面上看，除了 CSS 未应用于标记元素之外，一切正常。这是我正在使用的:

$("#dataTable tbody tr").each(function() {
    var first = $(this).find("td:first").text();
    var second = $(this).find("td:nth-child(2)");

    second.tagit({
        select: true,
        allowNewTags: false,
        placeholder: '',
        tagsChanged: function() {}
    });

    $.ajax({
        url: 'search.php',
        dataType: 'json',
        data: {
        query: first
        },
        success: function(data) {
            second.tagit("fill", data);
        }
    });
});

正在标记返回的数据，但未应用标记的 CSS。如果这类似于 CSS 绑定(bind)，我该如何在这种情况下解决它？

Answer 1

为了初始化，我需要一个 ul 放在我的 td 中，但我没有，因为我希望 tagit 为我创建它(不太确定为什么另一页我制作了 ul)。下面的解决方案包括在未找到任何结果时不要使用无意义的 ul:

$("#dataTable tbody tr").each(function () {
        var first = $(this).find("td:first").text();
        var second = $(this).find("td:nth-child(2)");
        var ulId = '#' + second.find("ul:first").attr('id');

        $(ulId).tagit({
            placeholder: '',
            maxTags: 3,
            tagsChanged: function () {
            }
        });

        $.ajax({
            url: 'search.php',
            dataType: 'json',
            data: {
                query: first
            },
            success: function(data) {
                data.length > 1 ? $(ulId).tagit("fill", data):second.html(data);
            }
        });
    });