JQueryUIタブを使用して、いくつかのリストを表示しています。各リストは外部ファイルから取得されます。各リストは一意ですが、それらの間にはいくつかの共通の機能があります。たとえば、ユーザーは各リストからアイテムを削除できます。
現在選択されているタブを使用して、次のようにページの処理方法を決定します。
$("#tabs").tabs({
load: function(event, ui){
var tab = $("#tabs").tabs("option", "selected");
switch(tab){
case 0:
// do stuff here
break;
case 1:
// do stuff here
break;
}
}
});
「//ここで何かをする」では、テーブルにある各リストを独自のIDで参照します。
ただし、ユーザーがアイテムを削除したい場合は、同じIDを再利用します。
$("#dlg_delete").dialog(); // options removed for brevity
id ='dlg_delete'のdivは、タブがクリックされたときに動的にロードされる各ページに表示されます。
一度しかロードできないので、同じIDを再利用しても大丈夫ですか?または私が見逃しているかもしれない何かがありますか。コードを再利用する場合は、IDを1つだけ持つ方がはるかに簡単です。