페이지를 새로 고침하지 않고 데이터를 추가 한 후 동적 jQuery 대화 상자. 가능한?

Question

그래서 CRUD 인터페이스에 엄청난 테이블이있는 페이지가 있습니다. span 내의 각 링크는 다른 페이지에서 내용을 가져 오는 jQuery UI Dialog Form을 호출합니다. 발생하는 작업 (이 경우 생성)이 완료되면 결과 데이터를 테이블에 추가하고 테이블을 강제합니다. 이것은 모두 JS와 DOM 내에서 발생합니다.

이 문제는 새 테이블 행의 CRUD 링크가 실제로는 span.ini에있는 모든 원본 링크 만 스캔되고 대화 상자 양식 생성을 트리거하지 않으며 페이지를 다시로드하지 않기 때문에, 새 링크를 볼 수 없습니다.

코드는 다음과 같습니다

기본적으로

$(document).ready(function() { 
    var $loading = $('<img src="/images/loading.gif" alt="Loading">'); 
    $('span a').each(function() { 
     var $dialog = $('<div></div>') 
      .append($loading.clone()); 

     var $link = $(this).one('click', function() { 
      // Dialog Stuff 
      success: function(data) { 
       $('#studies tbody').append(
        '<tr>' + 
         '<td><span><a href="./?action=update&study=' + data.study_id + '" title="Update Study">Update</a></span></td>' + 
        '</tr>' 
       ); 
       fdTableSort.init(#studies); // This re-sorts the table. 
       $(this).dialog('close'); 
      } 
      $link.click(function() { 
       $dialog.dialog('open'); 
       return false; 
      }); 

      return false; 
     }); 
    }); 
}); 

,하는 브라우저 페이지를 새로 고침 할 날을 시작하지 않고 페이지 링크 jQuery를 재평가를 트리거 할 수있는 방법이 있다면 내 질문은? 당신의 대화가 완전히 동적으로 생성 및 추가됩니다

$(document).ready(function() { 
    var $loading = $('<img src="/images/loading.gif" alt="Loading">'); 
    $('span a').click(function() { //changed here 
    var $dialog = $('<div></div>') 
     .append($loading.clone()); 

    //rest of your code 
} 

을} 그래서

을 이런 식으로 : 만약 내가 제대로 이해하고

Answer 1

새로 생성 된 링크 쓰루 jquery live 함수를 바인드 해 봅니다.

Answer 2

, 나는 당신이 당신을 위해 작동하도록 약간 코드를 변경할 수 있다고 생각 span 요소의 click 이벤트에 대한 DOM.

다른 점은 대화 상자가 부동 div (가능한 경우) 인 경우 페이지 새로 고침으로 인해 페이지가 제공된 후에 대화 상자가 표시되지 않을 수 있다는 것입니다. 그래서 당신은 원하지 않고 페이지 새로 고침을 할 여유가 없습니다.