ページの読み込み時にイベントをバインドすると、次のコードが実行されます。
$('span.removeItem','table').button();
ajax リクエストのコールバックで実行すると機能しません。要素を正しく選択しますが、firebug コンソールでも実行されません。
また試しました:
$('span.removeItem','table').last().button();
既存のボタンと競合していないことを確認する
これが役立つ場合は、html の表の行:
<tr>
<td class="item">fsdfsdfsdf<span class="removeItem">X</span>
</td>
<td class="solution">
<input itemId="372" solution=""/>
<span itemId="372" timestamp="1337806132"></span>
</td>
<td class="actions">
<span class="edit hidden">Update</span>
<span class="save shown">Save</span>
</td>
</tr>
成功のコールバックを追加する":
success: function(data) {
self.addNewItem(data);
$('span.removeItem','table').last().button();
}