Simple, JQUERY : 하이퍼 링크 클릭시 팝업 창을 표시하려면 어떻게해야합니까?

Question

내 영문 마크 업 내가 하이퍼 링크에 팝업을 클릭로드 할 수있는 방법

<div class="sm08" id="dialog" title="Dialog Title"><asp:Literal ID="litTerms" runat="server"></asp:Literal></div> 

및

<asp:HyperLink ID="hp" runat="server" NavigateUrl="#">HyperLink</asp:HyperLink> 

같다? 현재 페이지로드시 팝업이 표시됩니다.

$(document).ready(function() { 
    $('#hp').on('click', function(e){ 
     e.preventDefault() // prevents the default action of the anchor link 
     $("#dialog").dialog({modal: true, buttons: { "Ok": function() { $(this).dialog("close"); } }}); 
    }) 
}); 

Answer 1

이 시도 미리 감사 또한

$('#hp').click(function(e){ 
    e.preventDefault(); 
    $('#dialog').dialog('open'); 
}); 

, 설정하고자하는 것 '에 AutoOpen' ~ 'false :

$("#dialog").dialog({autoOpen: false, modal: true, buttons: { "Ok": function() { $(this).dialog("close"); } }}); 

Answer 2

이 링크에 클릭 리스너를 추가합니다 :

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#dialog").dialog({modal: true, buttons: { "Ok": function() { $(this).dialog("close"); } }}); 
    }); 
    </script> 

이