Jquery创建对象

Tom*_*len 8 javascript jquery function object

这是一个简单的问题,我知道,我看过谷歌,但找不到多少帮助.我正在尝试使用自己的自定义参数创建一个对象,然后在警报中调用其中一个.

无论我尝试什么,似乎都不起作用,我知道这是非常简单的东西,我道歉!在我的时间里,我所有的其他JS都非常简单,而且因为这一点,我现在正在转向更多的OOP JS.

$.fn.DataBar = function() {

        $.DataBar.defaultOptions = {
            class: 'DataBar',
            text: 'Enter Text Here'
        }

        this.greet = function() {
            alert(this.text);
        };
} 

var q = new $.DataBar();
q.greet();
Run Code Online (Sandbox Code Playgroud)

Dav*_*ang 10

  1. 您不需要该fn部件,只需使用:

    $.DataBar = function () { ... };
    
    Run Code Online (Sandbox Code Playgroud)

    $.fn只是对jQuery内部原型的引用.所以$.fn.DataBar打算用作$(selector).DataBar(),而不是$.DataBar().

  2. 您的默认选项未应用于新创建的对象.或者,您也可以在原型greet上定义函数DataBar:

    $.DataBar = function () {
        $.extend(this, $.DataBar.defaultOptions);
    };
    
    $.DataBar.prototype.greet = function () {
        alert(this.text);
    };
    
    $.DataBar.defaultOptions = {
        class: 'DataBar',
        text: 'Enter Text Here'
    };
    
    Run Code Online (Sandbox Code Playgroud)