Schreibgeschützt oder deaktiviert die jquery-tags

Ich bin mit diesem
http://xoxco.com/projects/code/tagsinput/
für meine tags Eingabe.

Aber wer weiß, wie die div-tags werden nur-lese-Modus oder deaktivieren Sie es?

InformationsquelleAutor Mah Jin Khai | 2012-05-11
  1. 11

    versuchen Sie dies: 

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

    wenn Sie deaktivieren möchten, entfernen Sie die 'X'. verwenden Sie dieses unten. 

    $('.tagsinput').find('a').remove();
    • Ich mag diese Antwort, denn es ändert den DOM, und erfordert spezifische JS. Re-aktivieren Sie nach dem festlegen auf "readonly" nicht gut / leicht.
    InformationsquelleAutor Jin You
  2. 3

    Sollte dies funktionieren:

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

    Um es zu Bearbeiten, die Sie tun können:

    $('.tagsinput input').removeAttr('disabled');
    • prop() ist die neue und bessere jQuery alternative zu attr().
    • Ich würde vorschlagen .prop('disabled',true) / .prop('disabled',false) für Eigenschaften, oder, mit attr(): attr('disabled',true)/attr('disabled',false).
    • Ja, prop - () wäre die bessere Weg zu gehen.
    • Ich betrachtet, aber die "Behinderten" - Eigenschaft zu halten schien, die entfernt wird, indem Sie das widget. Auch dies legt Sie einige Stile, die überschrieben werden müssen, wenn das Aussehen des widget-änderungen durch browser - /CSS-Stile anwenden, um Eingänge deaktiviert.
    • Ich habe das gleiche problem Richard Duerr. Vielleicht haben einige JS-voodoo, nicht zulassen, dass die Eingabe
    InformationsquelleAutor techfoobar
  3. 1

    für mich läuft:

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

    oder (ist besser)

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

    bye

    • So viele Jahre später, und dieses ist das eine, die Taten das, was ich suchte. Danke!
    • Ich dachte über diese Antwort, aber gehasst, dass es verschmutzt bis der DOM des widgets, und nicht einfach toggleable.
    InformationsquelleAutor Alberto Cerqueira
  4. 0

    Ich werfe ein weiterer Herausforderer in den ring für diese Frage. Ich wusste nicht, wie die akzeptierten Antworten, weil dann wieder einschalten, nach der Deaktivierung war nicht einfach.

    Fand ich eine einfache Methode: den Einsatz von CSS.

    Folgende CSS funktioniert Super, und es muss nicht JS oder ausmisten bis die widget-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;
}

    Kannst du auch die Abzeichen, Farben, wenn Sie deaktiviert ist:

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

    Dann, wenn Sie möchten, aktivieren/deaktivieren, einfach hinzufügen oder entfernen Sie die disabled CSS-Klasse bilden die Wurzel dieses element (das mit der bootstrap-tagsinput CSS-Klasse).

    InformationsquelleAutor Richard Duerr
Schreibe einen Kommentar