コールバック関数を受け入れるjQueryプラグインメソッドを作成するにはどうすればよいですか？

Question

私はStack Overflowでいくつかの同様のケースを読んだことがありますが、私のようなケースはまだありません。

(function($) { 
    var methods = { 
     init: function() { 
      ... 
      $(this).myPlugin("close"); 
      $(this).myPlugin("open"); 
     }, 
     open: function() { 
      ... 
     }, 
     close: function() { 
      ... 
     } 
    } 
})(jQuery); 

オープン（）とclose（）メソッドはjQueryのslideUp（）とslideDown（）メソッド伴うので、私はその後、close（）メソッドを呼び出すことができるようにする必要がありますと：ここに私のjQueryプラグインの要点ですopen（）メソッドをコールバックとして呼び出します。しかし、私が試してみるときthis solution私は運がない。

Answer 1

をこのコードを使用することができ、これは動作しません：

(function ($) { 
    "use strict"; 

    var methods = { 
     init: function() { 
      return this.each(function() { 
       $(this).click(function() { 
        $(this).myPlugin("close", function() { 
         $(this).myPlugin("open"); 
        }); 
       }); 
      }); 
     }, 
     open: function() { 
      return this.each(function() { 
       console.log("open was called"); 

       $(this).children(":hidden").slideDown("slow"); 
      }); 
     }, 
     close: function (callback) { 
      return this.each(function() { 
       console.log("close was called"); 

       $(this).children(":visible").slideUp("slow"); 

       callback.call($(window)); 
      }); 
     } 
    }; 
}(jQuery)); 

上記のコードは、jQueryのスライドアニメーションの場合にopenメソッドを呼び出す前に、スクリプトの実行がcloseメソッドが終了するのを待たないことを示しています。応答@Paresh Balarため

(function ($) { 
    "use strict"; 

    var methods = { 
     init: function() { 
      return this.each(function() { 
       $(this).click(function() { 
        $(this).myPlugin("toggle"); 
       }); 
      }); 
     }, 
     toggle: function() { 
      return this.each(function() { 
       var $openBox = $(this).children(":visible"), 
        $closedBox = $(this).children(":hidden"); 

       $openBox.slideUp("fast").promise().done(function() { 
        $closedBox.slideDown("fast"); 
       }); 
      }); 
     } 
    }; 
}(jQuery)); 

Answer 2

(function($) { 
var methods = { 
    init: function() { 
     ... 
     $(this).myPlugin("close",function() { 
      $(this).myPlugin("open"); 
     } 
    }, 
    open: function() { 
     ... 
    }, 
    close: function(options, callback) { 

     callback.call($(window)); 
     ... 
    } 
} 
})(jQuery); 

あなたが記録のために。これは、引数として渡された関数（コールバック関数）を呼び出す方法です ...