如何覆蓋jquery mobile中鏈接對話框中關閉按鈕的功能？

在jQuery Mobile中，我有幾個鏈接的對話框，一個接一個地輸入/輸出，當輸入完成後點擊'next'按鈕。但是，無論何時單擊對話框標題內的關閉按鈕，我都想返回到第一個對話框被觸發的初始頁面。通常，每個對話框中的關閉按鈕都會返回到它所觸發的頁面/框。但在我的應用程序中，我需要重寫它們以返回第一頁！如何覆蓋jquery mobile中鏈接對話框中關閉按鈕的功能？

我的代碼：

<div class="ui-block-b"> 
    <a data-role="button" data-theme="b" data-icon="arrow-r" data-iconpos="right" 
     data-transition="slide" href="nextpage.html" data-rel="dialog"> 
     next 
    </a> 
</div>

日Thnx！

編輯：文檔說

鏈接對話框：「請注意：如果一個對話框，打開另一個對話框（鏈接），關閉與數據類型-REL的鏈接=的最後一個」回」將始終導航到前一個對話框的，直到data-role =「page」類型的根頁面達到，這保證了對話框之間的一致導航。 [http://jquerymobile.com/demos/1.2.0-beta.1/docs/pages/page-dialogs.html]

來源

2012-10-10 headkit

嗨！你能提供你的代碼嗎？ – Littm

沒有特殊的代碼。這是一個簡單的頁面，有一些元素和一個按鈕來打開下一個對話框，如'

'。 – headkit

ups - thanx編輯！我剛回來把代碼塊移到問題中，自己......對不起。 – headkit

可以覆蓋對話框$.mobile.dialog.prototype.close限定的關閉方法：

<script> 

    $.mobile.dialog.prototype.close = function(){ 

     console.log("close"); 

     // DO SOMETHING HERE - EX: REDIRECTING TO MAIN PAGE 
     $.mobile.changePage("index.html"); 
    }; 

    $(function() { 
     console.log("document loaded");   
    }); 

</script>

來源

2012-10-11 11:16:30 Littm

太棒了，thanx！你還知道如何在鏈接對話框的URL中堆疊「＆ui-state = dialog＆ui-state = dialog ...」嗎？ – headkit

您的歡迎:)。我認爲你無法阻止url的堆疊，這與導航有關：S ...你爲什麼要擺脫它？ – Littm

，因爲我想鏈接大約15個對話框，並且當我不使用歷史記錄功能時，醜陋的網址看起來絕對沒有必要。 :-) – headkit

如何覆蓋jquery mobile中鏈接對話框中關閉按鈕的功能？

回答

相關問題