動的に追加されたDOM要素のスタイルとイベントの定義

Question

私は、アプリケーションとのユーザーのやりとりに基づいてDOMに動的に追加される要素に対して、いくつかのイベントとスタイルを定義しようとしています。私はlive()メソッドをイベントに使うことができますが、live()メソッドを使って、以下のようなスタイルとより具体的なルールを適用する方法を理解することはできません。

Answer 1

概念は、buttonCreatedEventというカスタムイベントを作成することです。ボタンが作成された場合（trigger（）関数を使用して）イベントがトリガーされます。 live（）を使用してイベントをバインドできます。 live（）のコールバック関数では、jqueryuiボタンを作成するようスクリプトに指示できます。

Answer 2

より良い方法は、javascriptではなくcssを使用することです。この方法では、動的に追加するものは自動的に正しいスタイルになります。

Answer 3

$('a').addClass('mycoolclass') 

http://api.jquery.com/addClass/

.mycoolclass { 
    display:block; 
    border: solid 1px black; 
    padding:10px; 
    background: #CCC; 
    color: black; 
    text-decoration: none; 
} 

これは黒と白のカスタムボタンか何かのようにすべてのあなたのAの外観になるだろう。