开发者

Empty selector - jQuery Plugin Creation

How do you cr开发者_开发百科eate a plugin that does not require a selector, e.g:

$.pluginName();

Out of this:

(function($)
{
    $.fn.pluginName = function(options) 
    {
            // options
    };

    // code

})(jQuery);

Instead of using this (to prevent other libraries clashing with the $):

jQuery.pluginName = function(name, value, options) 
{
   // code
};

Since if I do this: $.pluginName(), Firebug tells me that $.pluginName() is not a function unless I add this: $.('a selector goes here').pluginName();.


Place it on the global jQuery instead of the prototype.

(function($)
{
//---v----------------namespacing your function in the jQuery namespace
    $.pluginName = function(options) 
    {
            // options
    };

    // code

})(jQuery);

Keep in mind that this inside your function will not be a jQuery object. It will refer to the global jQuery function.


You use

(function($)
 {
        $.pluginName = function(options) 
        {
                // options
        };

            // code

})(jQuery);

This is an immediately executed anonymous function that takes one argument and is bound to parameter, $, to which a value, jQuery, is supplied.


you can also use $.extend({f1: function(){},f2: function(){}}) if you wish to add more than 1 plugins together. this will make ur code look cleaner too.

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜