Используя плагин jquery tagit, есть ли возможность отключить все записи?

У меня есть страница, и я использую плагин jquery tagit , который отлично работает, но я пытаясь отключить его, когда я нажимаю на кнопку, и у него такое же поведение, как когда я отключаю раскрывающийся список, например:

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

Есть ли в любом случае отключить и включить плагин jquery tagit программно. Я вижу, что на странице документов есть вариант . попытался сделать что-то вроде этого:

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

но это, похоже, ничего не делает.

Есть предложения?

4 голоса | спросил leora 26 22013vEurope/Moscow11bEurope/MoscowTue, 26 Nov 2013 19:43:09 +0400 2013, 19:43:09

4 ответа


0

Далее показано, как можно отключить /включить поле tagit.

Обновлено с помощью оптимизированного кода Дэвида.

    $('#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/

ответил Trevor 26 22013vEurope/Moscow11bEurope/MoscowTue, 26 Nov 2013 22:06:04 +0400 2013, 22:06:04
0

Удалить цитату, содержащую readOnly.

Это должно работать:

$("#locationTags").tagit({ readOnly: true });
ответил Charles 8 J000000Wednesday15 2015, 17:12:16
0

Есть простой способ

- для инвалидов

 $("#yourtag").tagit({ readOnly: true });
 $(".tagit-close").find(".text-icon").html("");

- включен

 $("#yourtag").tagit({ readOnly: false });
 $(".tagit-close").find(".text-icon").html("×");
ответил grgbrasil 29 PMpFri, 29 Apr 2016 15:40:31 +030040Friday 2016, 15:40:31
0

Я нашел способ сделать Tag-it полностью доступным только для чтения. Именно в этой коллекции примеров:

http://aehlke.github.io/tag-it/examples.html

Исходный код JS, который делает это, настолько прост, насколько может быть:

// Read-only
$('#MyTagID').tagit({
    readOnly: true
});
ответил Henrik R Clausen 3 MarpmSun, 03 Mar 2019 14:08:34 +03002019-03-03T14:08:34+03:0002 2019, 14:08:34

Похожие вопросы

4
Как я могу создать внедренный шаблон HTML, используя