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绑定，我该如何解决它？

Answer 1

对于初始化，我需要ul进入我的td，我没有像我期望的那样为我创建它（不确定为什么在另一页上我已经做了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);
            }
        });
    });

即使已加载资源，也不会应用Tag-it CSS

1 个答案: