使用jquery tagit插件,无论如何都禁用所有条目？

Question

我有一个页面,我正在使用jquery tagit插件,它工作得很好但我试图在我点击一个按钮时禁用它,并且它有类似的行为,当我禁用这样的选择下拉列表:

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

无论如何以编程方式禁用和启用jquery tagit插件.我看到docs页面上有一个只读选项, 所以我尝试做这样的事情:

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

但这似乎没有做任何事情.

有什么建议？

Answer 1

以下演示了如何禁用/启用tagit字段.

更新了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);    
    });

例

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

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

这是一个例子.

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