使用jquery tagit插件，是否有办法禁用所有条目？

我有一个页面并且正在使用jquery tagit 插件 http://aehlke.github.io/tag-it/效果很好，但我试图在单击按钮时禁用它，并使其具有与禁用选择下拉菜单时类似的行为，如下所示：

 $("#selectDropdown").val(0);
 $('#selectDropdown').prop('disabled', 'disabled');

无论如何，是否可以以编程方式禁用和启用 jquery tagit 插件。我看到有一个只读选项在文档页面上 https://github.com/aehlke/tag-it/blob/master/README.markdown所以我尝试做这样的事情：

 $("#locationTags").tagit({ "readOnly": false });

但这似乎没有任何作用。

有什么建议么？

下面演示了如何禁用/启用tagit field.

使用 David 的优化代码进行了更新。

    $('#disable').click(function(){
        $('.ui-autocomplete-input').prop('disabled', true).val('');
        $('.tagit-choice').remove();
        $('.ui-widget-content').css('opacity','.2'); 
    });
    $('#enable').click(function(){
        $('.ui-widget-content').css('opacity','1');
        $('.ui-autocomplete-input').prop('disabled', false);    
    });

Example

http://jsfiddle.net/davidThomas/j8Eg4/1/ http://jsfiddle.net/davidThomas/j8Eg4/1/

因为您希望该字段看起来像禁用的下拉列表，所以我选择了此解决方案。另一个解决方案是tagit支持是如果你想停止添加标签，你可以使用beforeTagAdded (function, Callback)功能。并返回 false 以阻止创建新标签......

这是一个例子。

http://jsfiddle.net/j8Eg4/2/ http://jsfiddle.net/j8Eg4/2/