如何在Jquery mobile中链接内部页面？

Question

如果我想使用jquery或javascript点击按钮链接两个内部页面该怎么办... 我可以在HTML中使用<a href=#nextPage">来做，但我想要一个脚本来做！我现在正在做的是：

<!-- first page-->
<div data-role="page" id="firstPage">
<div data-role="header"> 
<h1>Test page</h1>
</div>
<div data-role="content">
<p>this page will link internal pages using # </p>
<a href="#nextPage" data-role="button">change to next page</a>
</div>
</div>

<!-- second page-->
<div data-role="page" id="nextPage">
<div data-role="header"> 
<h1>Test page 2 </h1>
</div>
<div data-role="content">
<p>this page will  appear after you click the button on first page. </p>
</div>
</div>

这样做很好，但我需要的是一个链接它们的脚本。在我的应用程序中，我需要在满足某些条件后更改单击按钮的页面。但我不知道怎么做......

----------- ------------编辑 我发现了一个方法 window.location.href = “＃下一页” 这就是它的完成方式。 谢谢你的努力......

Answer 1

您可以将onclick处理程序添加到a代码：

的 JS 的

function navigate() {
    if (condition) {
        $.mobile.changePage("#nextPage");
    }
}

的 HTML 的

<a href="#" onclick="navigate()" data-role="button">change to next page</a>

或者你可以这样做：

的 JS 的

$(document).ready(function() {
    $(".nav-nextPage").click(function() {
        if (condition) {
            $.mobile.changePage("#nextPage");
        }
    });
});

的 HTML 的

<a href="#" class="nav-nextPage" data-role="button">change to next page</a>

Answer 2

jQuery Mobile，Anatomy of a Page

向下滚动到本地，内部关联的“页面”