JQuery Mobile：關閉對話框重新加載調用頁面

我有一個Jquery Mobile應用程序，其中的頁面需要顯示MessageBox對話框以向用戶顯示消息。我得到的對話框顯示正常，但當對話框關閉調用它重新加載的頁面。我只想讓對話框消失，而不是對調用它的主頁面做任何事情。這是一個問題，因爲這個主頁面可能有用戶已經選擇的選項，並且此刷新將清除選項。JQuery Mobile：關閉對話框重新加載調用頁面

這裏是我的測試代碼顯示對話框：

<a href="/Dialogs/ListError.htm" data-role="button" data-inline="true" data-rel="dialog" data-transition="pop">Open dialog</a>

該對話框中的HTML坐落在一個單獨的頁面：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<html> 
    <head> 
     <title>Page Title</title> 
    </head> 
    <body> 
     <div data-role="page"> 
       <div data-role="header"> 
        <h1>Search</h1> 
       </div> 
       <div data-role="content"> 
        <p>You must select a Location.</p> 
        <p><a id="close" onclick="$('.ui-dialog').dialog('close');" data-rel="dialog" data-role="button">OK</a></p> 
       </div> 
     </div> 
    </body> 
</html>

如果它在所有的，我現在用的是VS2010 MVC Razor 3手機模板，使用_layout.cshtml文件，默認情況下爲$.mobile.ajaxEnabled = false;。

來源

2012-04-23 Walter

我也試圖改變$ .mobile.ajaxEnabled =假爲真，以防萬一，但它使沒有不同。 – Walter 2012-04-23 19:45:26

-1

嘗試添加return false;到您的onclick

<a id="close" onclick="$('.ui-dialog').dialog('close'); return false;" data-rel="dialog" data-role="button">OK</a>

否則默認鏈接動作不會被阻止

來源

2012-04-23 19:17:47

感謝您的迴應，但結果相同。調用頁面仍然被重新加載。 – Walter 2012-04-23 19:40:12

JQuery Mobile：關閉對話框重新加載調用頁面

回答

相關問題