Kann ich speichern benutzerdefinierter Attribute in HTML-DOM, wie ein Datenbank-Eintrag?

Fehlen einige standard-Weg, dies zu tun in HTML4, ich wäre geneigt zu erstellen Sie eine versteckte element, das entspricht meiner ziehbar und speichern der zugeordneten Daten in es. Name des ausgeblendeten Elements relativ zu dem gezogen werden kann, so dass Sie leicht nachschlagen der Informationen. Die folgende Erweiterung implementiert diese mit einem versteckten span. Hinweis: in Tests konnte ich nicht replizieren Ihre Probleme mit der draggable-Elemente-data () - schien zu funktionieren für mich, aber ich habe nicht testen Sie es mit verschiedenen plugins, nur UI.Ziehbar.

Verwendung:

$('#draggableDiv').externalData('key','data');
var d = $('#draggableDiv').externalData('key');

jQuery.fn.externalData = function(key, data) {
    var value = this;
    this.each( function() {
        var id = this.id+'_external_data';
        var elem = jQuery('#'+id+':first');
        if (elem.size() == 0) {
            elem = $('<span style="display: none;" id="' + id + '"></span>"' );
            elem.appendTo(document.body);
        }
        if (data) {
            elem.data(key,data);
        }
        else {
            value = elem.data(key);
            return false;
        }
    });
    return value;
};

InformationsquelleAutor tvanfosson

Dies ist relativ unbekannt, aber ziemlich dang nützlich: jQuery Plugin-Metadaten. Es wird die Speicherung von Daten innerhalb der Klasse Namen für den Abruf. Seine meist verwendet für die Validierung plugin, aber, wirklich, die angepasst werden können, um jeder Situation.

Glück mit dem, was Sie arbeiten.

InformationsquelleAutor KyleFarris