jquery-ui - JqueryUI tagit - 如何禁止出现新的输入文本字段？

Question

对于 JqueryUI tag-it 小部件，我想完全防止出现新的额外文本输入字段。我正在使用现有标签预先填充，我只想允许人们删除标签但不能输入它们。

我可以将新字段设为只读，但该字段在 IE 中仍然可见，并且在 IE 和 Firefox 中单击小部件区域会导致光标聚焦在该字段上。

我想做的是完全摆脱额外的输入字段。

似乎没有与 .tagit() 方法关联的 tagit 属性。我还能做些什么来防止创建额外的字段吗？

谢谢，

道格

Answer 1

尝试这个：

$('#tagit').tagit({
//options
}).ready(function() {
    $(this).find('.tagit-new').css('height', '13px').empty();
});

使用 firebug 我们可以看到 tagit 创建的输入字段在一个li带有 class 的元素中tagit-new。我们需要设置高度，否则在删除最后一个标签时标签容器会挤压成一个滑行，然后我们可以empty()这样摆脱标签输入字段。