Question

我正在为我的tag-it建议创建一个自定义渲染。我现在能够使用以下代码覆盖返回项目：

$projectTags.tagit({
            autocomplete: ({
                delay: 0,
                minLength: 2,
                source: test,
                select: function (event, ui) {
                    that.createTag(ui.item.value);
                    // Preventing the tag input to be updated with the chosen value.
                    return false;
                }

            })
        });

        $projectTags.find("input").data("uiAutocomplete")._renderItem = function (ul, item) {
            var newItem = $("<li class='project-tagit-li'>");
            var color = $.string_to_color(item.OwnerName);
            var initials = item.OwnerName.split(" ")[0][0] + item.OwnerName.split(" ")[1][0];
            newItem.attr("data-value", item.OwnerId);

            var html = '<p class="initials initials-project-tagit" title="' + item.OwnerName + '" style="background-color:' + color + '" >' + initials + '</p><div><p class="projectName">' + item.Name + '</p><p class="companyName">' + item.CompanyName + '</p></div>';

            newItem.append(html)
            return newItem.appendTo(ul);
        };

问题是，所有通过tag-it绑定的事件都不适用于我自己的项目。有人有想法再绑定它们吗？

Answer 1

我找到了解决方案：

li需要<a>和item.label＆amp;如果您有自定义对象，则值不应为空

自定义渲染标记 - 它插件

1 个答案: