JQuery「ウィジェット」パッケージ

Question

イメージをクリックした後に、サーバーロジックを含むリモートIFRAMEを開くJQueryダイアログがあります（私たちはこれを「ウィジェット」と呼んでいます - 特別な種類のJQueryと同じ用語のUIプラグイン）。 IFRAME内のプロセスが完了すると、ダイアログが閉じられ、クライアントは親ページを使用し続けることができます。

今、私はこれをパッケージ化する必要があります。（ボタンイメージのためのHTMLのいくつかの行、JQueryダイアログ、JQueryのlibと私のウィジェットの初期化コードを初期化するDIV）、それは多くの異なるウェブサイトに最も簡単な形式。これらのWebサイトの中には、すでにJQueryを使用しているものもあれば、別のバージョンを使用しているものもあります。

この「パッケージング」を行うためのベストプラクティスと、私が書いたものを最も簡単なフォームにパッケージ化する方法（ウェブマスターのためにHTMLを貼り付けてコピーすることができますHTMLページの先頭に行を置く）。私は人々の既存のウェブサイトを壊すことを心配しています。また、私のスクリプトを置くためのどの初期化ブロック（document.ready、document.loadなど）にもわかりません。

ウェブサイトの「ウィジェット」を配布する際の提案や個人的な経験はありますか？あなたの目標は、あなたが自分のファイルに自分のウィジェットに関連するすべてのあなたのJavaScriptとCSSを置く必要があり、他のサイトに実装するウィジェットを簡単にするためにある場合

は、

ボゾ

Answer 1

、ありがとうございました。これはほとんどの既存のjQueryプラグインがどのように配布されているかを示しているため、ユーザーはドキュメントの先頭に余分なjavascriptとcssファイルを含めて、数行のHTMLを追加するだけです。プラグインで使用されるすべてのファイル（画像を含む）は通常、同じフォルダに置かれるため、簡単に配布してインストールすることができます。明らかに、他の人があなたのウィジェットをインストールすることを期待している場合は、よく書かれたステップバイステップの説明も含める必要があります。

あなたはインスピレーションのためのいくつかの既存のjQueryのプラグインを見てみたいことがありますhttp://plugins.jquery.com/

あなたはjQueryのを使用して、ページがロードされた後に実行するコードが必要な場合は、あなたがそれをラップする必要があります。

$(window).load(function() { 
    // Your code here 
};