Question

在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！

编辑：文档说

CHAINING DIALOGS：“请注意：如果对话框打开另一个对话框（链接），请关闭最后一个带有data-rel =“back”类型的链接将始终导航到上一个对话框，直到data-role =“page”类型的根页面为止到达。这保证了对话框之间的一致导航。“ [http://jquerymobile.com/demos/1.2.0-beta.1/docs/pages/page-dialogs.html]

Answer 1

您可以覆盖为对话框$.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>

如何覆盖jquery mobile中链接对话框中关闭按钮的功能？

1 个答案: