Как перенаправить на домашнюю страницу с помощью диалога JQuery-UI?

Question

Я использую следующий JQuery блок в моем модуле DotNetNuke:

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

Я не уверен, как перенаправить пользователя на главную страницу при нажатии на кнопку ОК? Кроме того, как я подключаю диалоговое сообщение DIV для запуска только при нажатии на кнопку ASP: Button?

Спасибо большое!

Answer 1

Вы можете поместить на свою кнопку 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 и веб-разработки в целом: относительные пути и абсолютные пути.

Относительные пути: начать с текущего каталога и вы получите доступ нужное место оттуда, используя «/» идти вперед каталог и «../» идти назад

Absolute пути: полный URL в нужное место

Вы можете найти более подробное описание here

«~/» - это «короткая ссылка на стороне», которая, к сожалению, не работает на стороне клиента, не используя что-то вроде this.ResolveClientUrl.

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