javascript - jQueryでテキストボックスをインスタンスとして渡す

Question

var ctrl = $("<input />").decimalControl(AllowedDecimalValues).ControlContainer();
$.fn.decimalControl = function (Decimalvalues) {
    var settings = {
        'maxLength': '25',
        'defaultvalue': '00.00',
        'name': 'decimalcontrol',
        'type': 'number'
    };
    settings.MaxDecVal = Decimalvalues;
    return $(this).ControlBuilder(settings);
};
$.fn.ControlBuilder = function (settings) {
    return this.val(settings.defaultvalue)
        .attr('name', settings.name)
        .attr('value', settings.defaultvalue)
        .attr('type', settings.type)
        .attr('size', settings.maxLength);
};

上記のコードの最初の行でエラーがスローされます。

Object doesn't support property or method 'decimalControl'.

ヘルプまたは代替ソリューションを提供してください。

Answer 1

.decimalControl()コードで使用する前にメソッドを追加する必要があります。そのメソッドを追加.decimalControl()する行の後に、そのメソッドを使用するコードの最初の行を配置します。$.fn.decimalControl = function(...) {...}