2012-03-05 17 views
2

におけるもののようなUI要素を定義し、ウィジェットは、次のように作成されます。はjQueryのUIでのjQuery UI

$("#selector").accordion({ //options }); 

は、どのように私はこのように作成される自分のウィジェットを作成するに行きますか?主に、私はDOM要素で呼び出すことができる関数を定義する方法を知る必要があります(私はjavascriptの初心者であり、jQueryのUIコードは読みにくいです)。

答えて

1

jQuery plug-inの作成方法を学びます。コードを整理するのには非常に優れており、機能を再利用しやすくなっています。

+0

これはまさに私が探していた文書の一種です。どうもありがとう! –

2

世界最小のjQueryプラグイン! jsfiddle

$.fn.myFunc = function(){ 
    alert($(this).length) 
}; 
$('div').myFunc(); 

+0

+1はコンパクトです。これはベストプラクティスとはみなされないと指摘するのは良いことです。名前空間、デフォルトなども正しく処理する必要があります。 http://docs.jquery.com/Plugins/Authoring – Tx3

+0

非常にまっすぐにポイント。それは本当に私に物事がどのように宣言されているかの感触を与えました。 –