如何覆盖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中链接对话框中关闭按钮的功能？

回答

相关问题