JQuery-UI 대화 상자를 사용하여 홈 페이지로 리디렉션하는 방법?

Question

내 DotNetNuke의 모듈에 다음 JQuery와 블록을 사용하고 있습니다 : 나는 그들이 확인 버튼을 클릭하면 홈 페이지로 사용자를 리디렉션하는 방법을 잘 모르겠어요

jquery(document).ready(function(){ 
     $("#dialog:ui-dialog").dialog("destroy"); 
     $("#dialog-message").dialog({ 
     modal: true, 
     buttons: { 
      Ok: function(){ 
       $(this).dialog("close"); 
       } 
      } 
     }); 
}); 
</script> 
<div id="dialog-message" title="Registration Confirmed"> 

? 또한 ASP : 버튼을 클릭 할 때만 대화 상자 메시지 DIV를 연결하는 방법은 무엇입니까?

감사합니다.

Answer 1

버튼에 OnClientClick을 넣고 모달을 나타내는 함수를 호출 할 수 있습니다. 확인 버튼을 클릭하면 window.location을 홈페이지의 경로로 변경할 수 있습니다.

HTML

<asp:Button runat="server" ID="btn_ShowModal" OnClientClick="showModal(); return false;" /> 

자바 스크립트

function showModal() 
{ 
    $("#dialog-message").dialog({ 
     modal: true, 
     buttons: { 
      Ok: function(){ 
       $(this).dialog("close"); 
       window.location = "pathToHomepage"; 
      } 
     } 
    }); 
} 

편집 이 자바 스크립트와 일반적으로 웹 개발에 사용할 수있는 경로의 종류가 있습니다 : 상대 경로 및 절대 경로.

상대 경로 : 현재 디렉토리에서 시작하고 '../가'뒤로

절대 이동 앞으로 디렉토리를 이동하고 '/'를 사용하여 거기에서 원하는 위치에 액세스 경로 : 원하는 위치에 전체 URL이

당신은보다 철저한 설명을 찾을 수 있습니다 here

'~/'은 불행히도 클라이언트 측에서 this.ResolveClientUrl과 같은 것을 사용하지 않고는 작동하지 않는 끊임없는 "바로 가기"입니다.

'<%= this.ResolveClientUrl("~/default.aspx") %>'