내 jquery 대화 상자가 튀어 나오지 않는 이유는 무엇입니까?

Question

내가 대화 상자가 나타나지 않는 이유는 무엇인지 모르겠다. html에서 양식을 외우려고 할 때 제대로 작동하지만이 jquery 테이블을 사용하면 생성되지 않기 때문이다. 그럼 내가 뭘 할거 니?

success: function(data){ 
      var toAppend = ''; 

      toAppend += '<thead><tr><th>Name</th><th>Image</th><th>Price</th></tr></thead>'; 
      toAppend += '<tbody>'; 

      for(var i=0;i<data.length;i++){ 

       toAppend += '<tr><td><p>'+ 

       data[i]['product_name'][0]+'</p></td><td><a href="#">'+ 

       <img id="size" src="'+data[i]['image'][0]+'" alt="">+'</a></td><td>'+ 

       data[i]['price'][0]+'</td></tr>'; 
      } 

      toAppend += '</tbody>'; 

      $('.data-results').append(toAppend); 
     } 

여기 당신은 이미 반복자가

$('#size').click(function() { 
    $('#dialog').dialog({ 
     resizable: false, 
     modal: true 
    }); 
}); 

Answer 1

이름 바꾸기 ID 클래스 = "크기"에 = "크기"매개 변수 "ID가"각 요소에 대해 고유해야하기 때문에

$('.size').live("click",function() { 
    $('#dialog').dialog({ 
     resizable: false, 
     modal: true 
    }); 
}); 

Answer 2

대화 함수를 호출합니다.

<img id="size-"+i 

당신의 클릭 선택을 변경 -

$('img[id^=size]').click(function(){ 
    $('#dialog').dialog({ 
     resizable: false, 
     modal: true 
    }); 
});