如何使用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对话框重定向到主页？

回答

相关问题