tag-it - Tag-it 没有显示删除符号

Question

我不知道为什么我没有得到“X”符号...

它应该是这样的：

我怎样才能找到问题？也许一个 CSS 文件阻塞了另一个 CSS 文件？

JavaScript 代码

$(function() {
    var sampleTags = ['Klavier', 'Blockflöte', 'Schlagzeug', 'Gesang', 'Saxophon', 'Klarinette', 'Keyboard', 'Panflöte', 'Mundharmonika', 'Beatboxing', 'Akkordeon', 'Cello', 'Bratsche', 'Tuba', 'Kontrabass', 'E-Gitarre', 'E-Bass', 'Akustikgitarre'];

    $('#singleFieldTags').tagit({
        availableTags: sampleTags,
        singleField: true,
        singleFieldNode: $('#mySingleField'),

        beforeTagAdded: function(evt, ui) {

            var counter = jQuery.inArray(ui.tagLabel, sampleTags);

            if(counter != -1) {
                return true;
            } else {
                $('.tagit-new input').val('');
                return false;
            }
        },

    });
});

Answer 1

苏珊，遇到了同样的问题。在浪费了大量时间之后，我确定存在“x”图标，它只是没有在浏览器级别呈现。

var removeTag = $('<a><span class="text-icon">\xd7</span></a>') // \xd7 is an X

这是 tag-it.js 的第 485 行；当您检查页面的呈现时，您会发现它确实存在。我将其更改为以下内容以确认它存在并且只需要以不同的方式呈现。

var removeTag = $('<a><span>x</span></a>') // \xd7 is an X

但是，从这一点开始，它可以被设置样式。希望这可以帮助遇到此问题的任何人。