1

右にスワイプすると前の兄弟が読み込まれ、左にスワイプすると次の兄弟が読み込まれるように、jQuery を作成する方法を見つけようとしています。私はJSが初めてです。

HTML/HAML

#gallery
   #active-pane
   #pane1.pane
     Pane 1
   #pane2.pane
     Pane 2
   #pane3.pane
     Pane 3
   #pane4.pane
     Pane 4

以下のJQueryが機能しています。しかし、前の兄弟と次の兄弟だけをロードしたいと本当に思っています。.pane をスワイプして、次または前を取得します。

$("#pane1").swiperight(function() {
    $('#active-pane').load("/additional-info #pane2").fade("slow");
    return false
});
4

1 に答える 1

2

swiperight/swipeleft イベントのスライド遷移でページを変更することでそれを行うことができます。

 $(".ui-page").swiperight(function() {
    $.mobile.changePage( $('#'+getNextPageId()), 
                         { transition: "slide", reverse:false});
 });


 $(".ui-page").swipeleft(function() {
    $.mobile.changePage( $('#'+getPrevPageId()), 
                         { transition: "slide", reverse:true});
 });

完全なデモ: http://jsfiddle.net/nachiket/MsP4u/

于 2012-07-03T18:46:20.217 に答える