jqueryプラグインの作成
jqueryはいいものですが、彼は万能ではありません.いつも自分でプラグインを書くときがあります.今、簡単なプラグインの作成過程を一例で説明します.
まず、私のこのプラグインは、1つのdivのすべてのformコントロールの値を1つのobjectに出力し、1つのobjectでformコントロールの値を設定するためです.
需要の中で、私たちは主に2つの方法$("#id")を提供します.getJosnObject()と$("#id").setJosnObject(obj)によると、これに基づいて私は棚を建てて、以下のように書きました.
基本的には、上は作業可能なjqueryプラグインですが、今では、需要処理クラスを作成するだけでいいです.これはもう言わないでください.これはもう重点ではありませんから、必要があれば、添付ファイルでコードを見つけることができます.
まず、私のこのプラグインは、1つのdivのすべてのformコントロールの値を1つのobjectに出力し、1つのobjectでformコントロールの値を設定するためです.
需要の中で、私たちは主に2つの方法$("#id")を提供します.getJosnObject()と$("#id").setJosnObject(obj)によると、これに基づいて私は棚を建てて、以下のように書きました.
(function($){
$.gl = $.gl || {};
$.fn.getJosnObject = function(){
$.gl.pannel.getInstance(this).get();
};
$.fn.setJosnObject = function(json){
$.gl.pannel.getInstance(this).set();
};
$.gl.pannel = function(el){
this.get = function(){
};
this.set = function(){
};
var element = el;
$.data(element, 'gl-pannel', this);
}
$.gl.pannel.getInstance = function(el){
var pannel = $.data(el, "gl-pannel");
if(!pannel)
pannel = new $.gl.pannel(el);
return pannel;
};
})(jQuery);
このコードでは、getJosnObjectとsetJosnObjectのJQuery拡張方式、$.gl.pannelは需要を処理するクラスです.$.data(this.element, "ui-dialog", this); これはjquery catchにこのオブジェクトを住ませるためです.このように、同じidのjqueryオブジェクトには、1つのインスタンスしか存在しない.基本的には、上は作業可能なjqueryプラグインですが、今では、需要処理クラスを作成するだけでいいです.これはもう言わないでください.これはもう重点ではありませんから、必要があれば、添付ファイルでコードを見つけることができます.