rows_jqueryを自動追加・削除するjqueryプラグインを自作する実装

レンダリングは次のとおりです。デモのアドレスについては
をクリックしてください。

プラグインなので、$("div").method({}) のような jquery 記述を使用して呼び出す必要があります。メソッドは次のとおりです。 >

コードをコピー コードは次のとおりです:

(function($) {

})(jQuery) ;


プラグインに名前を付けます:

コードをコピーします コードは次のとおりです。 $.fn .autoAdd = function(options) {}

このように、$(dom).autoAdd({...}) を使用してこのプラグインを呼び出すことができますページ内で、どの行をコピーするか、どのボタンに機能を追加および削除するかなど、特定のパラメータを指定します。これらを識別するためにクラスを使用します。

コードをコピー

コードは次のとおりです: var settings = {changeInput: $("#input"), tempRowClass: "tempRow "、最小: 1、最大: 90、addButtonClass: "addbtn" 、delButtonClass: "delbtn"、addCallBack: null、delCallBack: null、indexClass: "index"、insertClass: "insertbtn"、moveUpClass: "moveupbtn"、moveDownClass: "movedownbtn" }; if (options) $.extend (settings, options);

少し長く見えますが、実際には何もありません。 move-up スタイルを使用することも、後で追加し続けることもできます。ここでは、呼び出すのに便利なデフォルト値をいくつか指定しています。最初にこれらの変数の意味を説明します。changeInput は私が追加したテキスト ボックスであり、temRowClass は私がコピーしたいテンプレート行です。
制約については、今日はここでやめましょう。明日は、これらの関数がどのように実装されるかを詳しく説明します。