JQueryUI 탭 : DOM 요소 ID를 다시 사용할 수 있습니까?

Question

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를 가진 DIV = 'dlg_delete가'탭을 클릭 할 때 동적으로로드되는 각 페이지에 나타납니다.

한 번만로드 할 수 있으므로 동일한 ID를 다시 사용해도 되나요? 아니면 내가 놓칠지도 모르는 뭔가가있다. 코드 재사용을 위해 하나의 ID 만 갖는 것이 훨씬 쉽습니다.

Answer 1

주어진 시간에 DOM에 해당 ID를 가진 요소가 하나만있는 한 올바르게 이해하면 정상입니다.

그런 식으로, 당신이 id에 의해 무언가에 접근하고 싶다면, 여전히 할 수 있습니다.