new to this... how to call a method in a method (solved)

new to this... how to call a method in a method (solved)

hi

i have problem understanding how i can call moveItems.

i traid  this:

this.moveItems;      
$(this).moveItems;     
methods.moveItems;  
methods.moveItems;
videoribbon.moveItems;

this works.. but that's a bad one i think
$(this).videoribbon('moveItems');


  2. (function( $ ) {

  4. var methods = {
  5.         init : function(options) {

  7. $('#ribbon ul li').find('video').on('ended', function(event)
  8. {
  9. //$("#ribbon ul").moveItems();
  10. //methods.moveItems;
  11. //videoribbon.moveItems;
  12. //$(this).videoribbon('moveItems');

  14. $('#ribbon ul li').find('video').get(1).play();

  16. });
  17.         },


  20.         moveItems : function( ) {

  22. alert('test');             
  23.                                 
  24.         },



  28.     };

  30.     $.fn.videoribbon = function(methodOrOptions) {
  31.         if ( methods[methodOrOptions] ) {
  32.             return methods[ methodOrOptions ].apply( this, Array.prototype.slice.call( arguments, 1 ));
  33.         } else if ( typeof methodOrOptions === 'object' || ! methodOrOptions ) {
  34.             // Default to "init"
  35.             return methods.init.apply( this, arguments );
  36.         } else {
  37.             $.error( 'Method ' +  method + ' does not exist on jQuery.videoribbon' );
  38.         }    
  39.     };




  44. })( jQuery );

solution:



  1. (function( $ ) {

  3. var methods = {
  4.         init : function(options) {
  5.             $objectc = $(this);

  7. $('#ribbon ul li').find('video').on('ended', function(event)
  8. {
  9. //$("#ribbon ul").moveItems();
  10. //methods.moveItems;
  11. //videoribbon.moveItems;
  12. //$(this).videoribbon('moveItems');

    methods.moveItems($objectc);


  14. $('#ribbon ul li').find('video').get(1).play();

  16. });
  17.         },


  20.         moveItems : function($objectp) { 
  21. $objectp.dosometthing
  22. alert('test');             
  23.                                 
  24.         },



  28.     };

  30.     $.fn.videoribbon = function(methodOrOptions) {
  31.         if ( methods[methodOrOptions] ) {
  32.             return methods[ methodOrOptions ].apply( this, Array.prototype.slice.call( arguments, 1 ));
  33.         } else if ( typeof methodOrOptions === 'object' || ! methodOrOptions ) {
  34.             // Default to "init"
  35.             return methods.init.apply( this, arguments );
  36.         } 
  37.     };




  42. })( jQuery );

a other solution

  1. (function( $ ) {

  3. var methods = {
  4.         init : function(options) {
  5.              $objectc = $(this);

  7. $('#ribbon ul li').find('video').on('ended', function(event)
  8. {
  9. //$("#ribbon ul").moveItems();
  10. //methods.moveItems;
  11. //videoribbon.moveItems;
  12. //$(this).videoribbon('moveItems');

    $.fn.videoribbon.moveItems();


  14. $('#ribbon ul li').find('video').get(1).play();

  16. });
  17.         },


  20.         



  24.     };


  25. $.fn.videoribbon.moveItems = function(){

    return $objectc.dosomething

    }


















  26.     $.fn.videoribbon = function(methodOrOptions) {
  27.         if ( methods[methodOrOptions] ) {
  28.             return methods[ methodOrOptions ].apply( this, Array.prototype.slice.call( arguments, 1 ));
  29.         } else if ( typeof methodOrOptions === 'object' || ! methodOrOptions ) {
  30.             // Default to "init"
  31.             return methods.init.apply( this, arguments );
  32.         } 
  33.     };




  38. })( jQuery );