$.pluginName.methodeORfunction(options) - Boilerplatte

k3nguruh

Erfahrenes Mitglied
Hallo,

ich bin noch ziemlich neu in der Programmierung mit Javascript und habe mich bis Dato fast ausschliesslich mit dem jQuery-Widget beschäftigt. Jetzt möchte ich aber versuchen von jQuery-UI weg zu kommen und somit eine Datei zum einlesen einsparen. Ich habe mir auch schon viele "Boilerplatten" angeschaut aber leider noch nicht das richtige für mich gefunden.
Deshalb versuche ich mal mein Glück hier.

Ich möchte folgendes erreichen:
Javascript:
$.pluginName.methodeORfunction_1(options);
$.pluginName.methodeORfunction_2(options);

was ich bis jetzt hinbekommen habe, ist folgendes.... So möchte ich es aber nicht aufrufen:
Javascript:
$.pluginName().methodeORfunction_1();
$.pluginName().methodeORfunction_2();
$.pluginName('methodeORfunction_1');
$.pluginName('methodeORfunction_2');
... also die Klammer () hinter dem pluginName (Bsp.: 1 und 2) soll nicht sein.

Hoffe das es verständlich ist...

P.S.: Alle "Boilerplatten" die ich bis jetzt gefunden habe sind schon ziemlich alt (um die 2011). Gibt es vll irgendwo aktuelle / überarbeitete Versionen?
 

k3nguruh

Erfahrenes Mitglied
Das funktioniert jedenfalls so wie ich es mir gedacht habe
Javascript:
;(function (root, factory) {
    "use strict";
    // AMD module is defined
    if (typeof define === "function" && define.amd) {
        define(['jquery'], factory);
    }
    // Node, CommonJS module is defined
    else if (typeof exports === "object") {
        module.exports = factory(require('jquery'));
    }
    // Browser globals (root is window)
    else {
        root.pluginName = factory(root.jQuery);
    }
}(this, function init($, undefined) {
    "use strict";
    
    var exports = {};

    exports.init = function (_$) {
        return init(_$ || $);
    };

    exports.public = function() {
        // code ....
        return exports;
    };
    
    function Private(value) {
        // code ....
        return  value;
    }

    
    return exports;
}));