Question

Can someone explain this? I realize the jQuery interface is the one that comes pre defined but what is JQueryStatic?

I have the following:

(function($)
{

    $.fn.disableBt = function()
    {
        $(this).attr('disabled', true);
        if ($.browser.msie && $.browser.version < 9)
        {
            $(this).addClass('disabled');
        }
    }

})(jQuery);

The only way I could get typescript to know about this was by adding it to the jQuery interface like this:

    disableBt();
}

I tried adding it to jQueryStatic but it didn’t seem to work:

interface JQueryStatic {
  modal( options );
  disableBt();
}

Here’s the way options is defined in my modal:

$.modal.defaults = {
    content: false,
    useIframe: false,
    ...
    ...
var settings = $.extend({}, $.modal.defaults, options),

Answer 1

Is “options” (in modal (options)) defined?

JQueryStatic interface has the static methods (“those on $ and jQuery themselves”)

JQuery interface has the members that can be run on jQuery elements, many of them are returning JQuery themselves for chainability.

interface JQueryStatic {
    someAdditionalMethod(): any;
}
$.someAdditionalMethod();

interface JQuery {
    pluginMethod(): JQuery;
}
$("body").pluginMethod();

if your case something like this:

interface ModalDefaultOptions {
    content?: bool;
    useIframe?: bool;
}

interface JQueryStatic {
    modal: {
        defaults: ModalDefaultOptions;
    };
}

interface JQuery {
    disableBt(): void; // or :JQuery if you returned 'this' from the function 
}

$("#someButton").disableBt();
$.modal.defaults.content = false;