7

タグの入力にこの http://xoxco.com/projects/code/tagsinput/を使用しています。

しかし、タグのdivを読み取り専用モードに設定する方法や無効にする方法を知っている人はいますか？

4

4 に答える 4

12

これを試して： 

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

削除'X'を無効にする場合。以下でこれを使用してください。

$('.tagsinput').find('a').remove();
于 2013-09-17T00:40:06.617 に答える
3

これは機能するはずです：

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

編集可能にするには、次のようにします。

$('.tagsinput input').removeAttr('disabled');
于 2012-05-11T08:53:15.850 に答える
1

私が走っている場合：

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");
于 2017-04-12T23:18:25.977 に答える
1

この質問のために、別の候補者をリングに投げ込みます。受け入れられた答えが気に入らなかったのは、無効にした後で再度有効にするのは簡単ではなかったからです。

私は簡単な方法を見つけました：CSSを使用してください。

次のCSSはうまく機能し、JSやウィジェットの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;
}

次に、有効/無効にする場合はdisabled、この要素のルート（CSSクラスを持つものbootstrap-tagsinput）からCSSクラスを追加または削除するだけです。

于 2019-04-04T15:35:57.137 に答える