jQuery UIダイアログのようなオプションとアクションパラメータを受け入れるjQueryプラグインを作成する方法

Question

私自身のダイアログプラグインを作成しようとしていますが、jQuery UIダイアログがそのパラメータを受け入れる方法を反映させます。

I.e. jQueryのUIダイアログは、そのコンストラクタ内のオプションを取り、変数のダイアログエレメントへの参照を保持せずに後でダイアログを開くために呼び出すことができます。

私はGitHubでそのソースを読みましたが、それがどのように達成されているのか理解できません。

jQueryの道

<a onclick="$('#dialog').dialog('open');">test</a> 

$(function() { 
    // No reference kept 
    $('#dialog').dialog({left: 100, top: 10}); 
}); 

私のプラグイン

(function ($) { 

    $.fn.modal = function (options) { 

     var defaults = { top: 100, overlay: 0.5, closeButton: '.closeDialog' }; 
     options = $.extend(defaults, options); 

     if(options == "open"){ 
      // open 
     } 
     if(options == "close"){ 
      // close 
     } 
    }; 
} 

Answer 1

アクションとオプションの違いは非常に簡単です。

アクションは文字列です：

$('#dialog').dialog('open'); 

オプションは、オブジェクトのプロパティですが：

$('#dialog').dialog({left: 100, top: 10}); 

に設けられたパラメータの種類の簡単なチェックは、トリックを行います。これはjQueryのやり方です：

var isMethodCall = typeof options === "string";