0

jquery モバイル サイトには 3 つのページがあります。左側のページをスキップして、2 番目のページが最初に読み込まれるようにします。

ここに私のフィドル：http://jsfiddle.net/iamthestig/MMwWC/ （マウスでスワイプ/スライドしてページをナビゲートできます）

私はここに私のコードを持っています:

HTML

<div data-role="page" id="left" data-url="left" data-theme="a">LEFT PAGE</div>
<div data-role="page" id="home" data-url="home" data-theme="a">HOME</div>
<div data-role="page" id="right" data-url="right" data-theme="a">RIGHT PAGE</div>

JS

$('div.ui-page').live("swipeleft", function(){
    var nextpage = $(this).next('div[data-role="page"]');
            if (nextpage.length > 0) {
                $.mobile.changePage(nextpage, {transition: "slide", reverse: true, changeHash: false}, true, true);
            }
        });
        $('div.ui-page').live("swiperight", function(){
        var prevpage = $(this).prev('div[data-role="page"]');
        if (prevpage.length > 0) {
        $.mobile.changePage(prevpage, {transition: "slide", reverse: true, changeHash: false}, true, true);
    }
});

CSS

* {
    margin: 0;
    padding: 0;
}

html, body {
    width: 100%;
    height: 100%;
    background: dimgray;
}

#home {
    background: dodgerblue;
}

#left {
    background: red;
}

#right {
    background: silver;
}
4

1 に答える 1

0

デフォルトでは、jQuery モバイルは html ファイル内の最初のページを表示します。ホームページを直接トップに移動できます。または、基本的に、このページを読み込んでいる場所によって異なりますが、href プロパティでこのページに変更すると、実行できることを意味します

<a href="foo.html#home">link</a>

これにより、ホームページが最初に読み込まれ、残りはコードまたは

$.mobile.changePage("foo.html#home");

これは同じことを行います。

于 2012-12-03T07:08:05.277 に答える