0

jquery または javascript を使用して、ボタンをクリックするだけで 2 つの内部ページをリンクしたい場合はどうすればよいですか... <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 に答える