JQuery와 열려있는 대화

Question

나는 다음과 같은 한 마크 업. 여기에 마크 업,

<asp:Repeater ID="Repeater1" runat="server" > 
    <HeaderTemplate> 
    <table cellpadding="5" cellspacing="0" > 
    <tr align="center" > 
     <th align="center"><span><a href="#" style="color:Blue;background-color:#f2f2f2;" >Open Dialog</a></span></th> 
    </tr> 
    ....... 
</asp:Repeater> 

나는 JQuery와 기능 대화 상자를 열 수 있지만 작동하지 않도록 다음과 같은 노력하고있어

$("th span a").click(function (e) { 
      e.preventDefault(); 
      var targetUrl = $(this).attr("href"); 

      $("#dialog").dialog({ 
       buttons: { 
        "Close": function() { 
         $(this).dialog("close"); 
        } 
       } 
      }); 

      $("#dialog").dialog("open"); 
     }); 

무슨 일이없는 어떤 생각인가?

Answer 1

첫째로, 당신은 ID dialog 인 요소를 가지고 있습니까? 둘째, 이미 클릭 이벤트에서 열린 대화 상자를 만든 다음 다시 열려고합니다. 나는이 같은 재 제안 : 대화 doesnt이 이미 존재하는 경우

$(function() { 
    $(document).on('click', 'th span a', function(e) { 
     e.preventDefault(); 
     var targetUrl = $(this).attr("href"); 
     $("#dialog").dialog("open"); 
    }); 

    $('#dialog').dialog({ 
     autoOpen: false, 
     buttons: { 
      'Close': function(e, ui) { 
       $(this).dialog('close'); 
      } 
     } 
    }) 
}) 

을, 다음으로 재 작성 수 : 물론

<script type="text/javascript"> 
    var dlg; 
    $(function() { 
     $(document).on('click', 'th span a', function(e) { 
      e.preventDefault(); 
      var targetUrl = $(this).attr("href"); 
      dlg.dialog("open"); 
     }); 

     dlg = $('<div />', { id: 'dialog' }).dialog({ 
      autoOpen: false, 
      buttons: { 
       'Close': function(e, ui) { 
        $(this).dialog('close'); 
       } 
      } 
     }) 
    }) 
</script> 

이 두 번째 방법은 생성하고 대화에 HTML을 추가 의미 DIV, 그렇지 않으면 그것은 비어있을 것입니다 ... 영원히!