如何使用JQuery-UI對話框重定向到主頁？

我使用下面的JQuery塊在我的DotNetNuke的模塊：如何使用JQuery-UI對話框重定向到主頁？

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">

我不知道如何將用戶重定向到主頁時，他們單擊OK按鈕？另外，如何將對話框消息DIV連接到僅在單擊ASP：Button時觸發？

謝謝了！

來源

2012-02-09 SidC

您可以在您的Button上放置一個OnClientClick並調用一個可顯示您的模式的函數。當點擊OK按鈕，你可以改變window.location的到您的主頁的路徑。

HTML

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

的Javascript

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

編輯有兩種類型的路徑，可以在Javascript與一般的網頁開發中使用：相對路徑和絕對路徑。

相對路徑：從當前目錄開始，你使用「/」前進的一個目錄，並從那裏獲取所需的位置「../」去落後

絕對路徑：完整的URL到所需位置

你可以找到一個更透徹的描述here

「〜/」是一個服務器端「快捷方式」，不幸的是沒有不使用類似this.ResolveClientUrl在客戶端上運行。

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

來源

2012-02-09 21:20:58

我可以使用〜/ default.aspx作爲pathToHomepage嗎？或者建議放入完整的網址？謝謝:) – SidC 2012-02-09 21:41:26

@SidC爲你做了這項工作還是仍然有問題？ – 2012-02-14 20:03:29

是的，這個工作很完美。感謝您花時間回覆。非常感激：） – SidC 2012-02-16 19:14:45

如何使用JQuery-UI對話框重定向到主頁？

回答

相關問題