calling inner function of plugin

Question

Here is my plugin

(function($){
    $.fn.myPlugin = function(options){

        var defaults = {
            width: 800
        };

        var defaults = $.extend(defaults, options);

        var self = this;

        function init(obj){
            /*Initialize object*/
            self.myPlugin.doAnimation(600,400);
        }

        $.fn.myPlugin.doAnimation = function(lV, rV){
            /*Doing some animation work*/
        }           

        return this.each(function(options){
            init(this);
        });         
    }
})(jQuery);

I am trying like this

var t = $('#id1').myPlugin();
t.doAnimation();  //getting error here, t.doAnimation is not a function

Answer 1

You can't. You're not returning the plugin. You're returning the jQuery object with the matched element(s) (like you probably should). The testing function is private to the myPlugin function anyway.

To call a method against a jQuery object, you would need to extend jQuery like you did for your myPlugin(), as in:

function($){
    $.fn.myPlugin = function(options) {
        ...
    }
    $.fn.testing = function(options) {
        ...
    }
})(jQuery);

Of course this would be completely separate from the original plugin.

I don't know what your plugin does, but if you need to share some data between plugins on a per-element basis, you could probably use jQuery's .data() method.