jQuery объект плагин не является постоянным

Question

Я пытаюсь расширить элемент jquery с пользовательскими свойствами и функциями, чтобы я мог отслеживать мои элементы и получать их пользовательские свойства в любое время.

на данный момент я сделал это:

jQuery.fn.designerElement = function (tpl, cls) { 
     this.__template = tpl 
     this.des__class = cls; 
     this.compile = function() { 
      this.html(this.__template(this)); 
      return this; 
     } 

     return this; 
    }; 

    var template = Handlebars.compile(
     '<div id="' + +new Date() + '" class="{{des__class}}"></div>' 
); 

    var el = $('<div></div>').designerElement(template, "form-container"); 

    el.attr('id', "test"); 

    el.compile(); 

    $('body').append(el); 

Теперь, если я называю $('#test').compile() это сказать, говорит метод не определен.

Вот скрипку: http://jsfiddle.net/jmorvan/HLVj4/

Чтобы объяснить свой контекст, мне нужны методы и свойства, доступные непосредственно на объекте для некоторых DataBindings работать, вот почему я не могу использовать .data(). Мне показалось, что jquery-плагин будет лучшим подходом, но я определенно чего-то не вижу.

Для того чтобы быть ясным, мне нужно будет иметь доступ к следующим объектам: $('#test').__template, а также функции.

благодарит за ваше время!

Answer 1

Я думаю, вы уже знаете, что происходит, но вот короткое объяснение: С помощью $('#test') вы создаете новый объект jQuery. Он содержит один и тот же элемент, но вы определяете свойства для объекта jQuery, а не для элемента. Так что вы спрашиваете, есть ли способ добавить функциональность к элементу, но с прикрепленным объектом jQuery. В JQuery data() может все-таки можно использовать, чтобы сделать это:

jQuery.fn.designerElement = function (tpl, cls) { 
    this.__template = tpl 
    this.des__class = cls; 
    this.compile = function() { 
     this.html(this.__template(this)); 
     return this; 
    } 
    this.data('this', this); 
    return this; 
}; 

И получить этот объект с:

var test = $('#test').data('this'); 

Вот the fiddle

Другим решением является хранить все эти объекты в глобальном масштабе доступный массив или объект JSON.