Question

I am using this http://xoxco.com/projects/code/tagsinput/ for my tags input.

But anyone know how to set the div of tags to be read-only mode or disable it?

Answer 1

尝试:

$( #tags ).tagsInput({
         interactive :false
        });

if you want to disable the remove X . use this below.

$( .tagsinput ).find( a ).remove();

Answer 2

这一工作应当:

$( .tagsinput input ).attr( disabled ,  disabled );

为使它成为现实,你可以:

$( .tagsinput input ).removeAttr( disabled );

Answer 3

我向另一个争斗者投下这个问题的圈子。我与大家接受的回答一样,因为这样,在残疾后又能够再次获得治疗是一件容易的事。

我发现一种容易的方法:使用特别安全局。

The following CSS work grand, and don t need JS or mucking the widget s DOM.

.bootstrap-tagsinput.disabled {
    border: none;
    box-shadow: none;
}
.bootstrap-tagsinput.disabled input {
    display: none;
}
.bootstrap-tagsinput.disabled .badge span[data-role="remove"]{
    display: none;
}

如果残疾人:

.bootstrap-tagsinput.disabled .badge {
    background-color: #ccc;
    border: 1px solid #ababab;
}

然后,当你想要做到/可行时,简单地添加或删除<代码>可拆卸的。中央支助事务组构成这一要素的根基(一个包含<代码>的夹克-标的CSS级)。

Answer 4

代表:

var tagsinput = $( #id-tagsinput ).next();
tagsinput.removeClass( bootstrap-tagsinput );
tagsinput.find("input").remove();
tagsinput.css("padding-bottom", "10px");

或(更好)

var tagsinput = $( #id-tagsinput ).next();
$( [data-role="remove"] ).remove();
tagsinput.find("input").remove();
tagsinput.css("padding-bottom", "10px");

友情链接