Własny plugin / moduł - poprawność architektury Opcje

[d4ng]

Witajcie, pisze własny plugin i potrzebuje pomocy. Chce aby po dodaniu ścieżki do mojego js można go było zainicjować tak jak np. datapicker i przekazać mu parametry

[JAVASCRIPT] pobierz, plaintext 
$("#datapicker").datapicker({parametr: "wartosc"});
[JAVASCRIPT] pobierz, plaintext 

czyli zapinam się np na diva i potem w jego środku zostanie wyrenderowany html z js (prosiłbym od razu o informacje jak zrobić to najlepiej, czy stworzyć jakiś wirtualny dom bo html bedzie modyfikowany tylko jak to zrobić - jakiś przykład?). Aktualnie zrobiłem funkcje buildHtml() którą wrzuciłem do inita pytanie czy nie zrobić jakiś obiekt render? Zdaje sie na Was i obecne standardy. Pozdrawiam i dziękuje (IMG:style_emoticons/default/smile.gif)

Kod:
https://jsfiddle.net/fjgongun/

Ten post edytował d4ng 17.06.2016, 14:38:04

[d4ng]

Ok poprawiłem swój kod ale coś nie bangla... poza tym chciałbym sie nauczyc jak najwiecej i pisac w jakiejś architekturze pytanie czy ide w dobrym kierunku?

[JAVASCRIPT] pobierz, plaintext 
(function ( $ ) {
    'use strict'
 
    $.fn.MyPlugin = function( options ) {
 
        var el = this;
 
        var settings = $.extend({
            phone: "no phone!"
        }, options );
 
        function showNumber(){
            console.log(settings.phone);
        }
 
        return {
            init : function(){
                showNumber();
            }
        }
    }
 
}( jQuery ));
 
$( "div" ).MyPlugin({ phone: "000 000 000" });
[JAVASCRIPT] pobierz, plaintext 

widziałem też zappis gdzie najpierw tworzony był moduł a w nim zmienna self z przypisanym this i kada funkcja zaczynala sie self.showNumber = function(){} o co tu chodzi? Ps. Może AMD? będę wdzięczny za porady typu best practice (IMG:style_emoticons/default/smile.gif)

Będę wdzięczny jak ktos rzuci okiem na kod (IMG:style_emoticons/default/smile.gif)