0

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

<!-- 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="#nextPage" 这就是它的完成方式。谢谢大家的努力。。

4

2 回答 2

2

您可以将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>
于 2012-07-23T04:13:09.423 回答
1

jQuery Mobile，页面剖析

向下滚动到本地、内部链接的“页面”

于 2012-07-23T04:12:30.157 回答