JQuery를 사용하여 동적으로 버튼 만들기 문제

Question

저는 작업하고있는 응용 프로그램과 같은 JQuery 데스크톱이 있습니다. 탐색 링크를 클릭하면 새로운 대화 상자가 열립니다. 그 부분은 모두 훌륭하게 작동합니다. 내가 겪고있는 문제는 각 대화 상자의 도구 모음에 아이콘을 만드는 것입니다. 구조는 다음과 같아야합니다 등등

<Div id="minimize-footer> 
<div id="category1> 
<a href>Dialog Title </> 
<a href>Dialog Title </> 
</div> 

<div id="category2> 
<a href>Dialog Title </> 
<a href>Dialog Title </> 
</div> 

하고 있습니다. 코드는 카테고리 div가 존재하는지 확인하고 그렇지 않으면 생성하고 링크를 추가해야합니다. 존재하는 경우 기존 카테고리 div에 추가해야합니다. 내가 사용하는 코드가 왜 작동하지 않는지 잘 모르겠습니다. 나는 주변을 어지럽 혀서 내가하려고하는 것에 대해 약간의 방향을 사랑하는 바이올린을 만들었습니다.

덕분에, Fiddle

내가 그렇게 버튼이 생성되고 수정 한하지만 같은 카테고리 DIV에 추가 아니에요

, 그냥 새로운마다 추가합니다. 또한 div id에 범주를 추가하는 대신 object라고합니다. 내가 편집 한이 바이올린을 살펴보십시오

<div id="minimize-footer" class="dialog-700 ui-corner-all ui-button" title="Click to restore dialog"> 
<div id="[object" object]=""> 
<a>Title Dialog</a> 
</div> 
<div id="[object" object]=""> 
<a>Title Dialog</a> 
</div> 
<div id="[object" object]=""> 
<a>Title Dialog</a> 
</div> 
<div id="[object" object]=""> 
<a>Title Dialog</a> 
</div> 
</div> 

Answer 1

:이 난에 바이올린 링크를 업데이트하고, 그것이 무엇을하고 있는지입니다. http://jsfiddle.net/VDrw7/

귀하의 jsFiddle에 있습니다. 당신이 약물의 ID를 가진 요소를 찾고 있기 때문에

Category = $("#drug"); 

을해야

Category = $("drug"); 

.