1

スワイプ イベント (およびhttp://api.jqueryui.com/slide-effect/ ) を使用してコンテンツをスライドさせています。これはうまくいきます。ただし、前の兄弟がスライド アウトするので、next('div') にスライドする必要があります。next()、nextAll()、closerest() を試しましたが、必要なことを行うものはないようです。

ここに関数があります

function swipeleftHandler(event){  
    $(this).toggle( "slide" );// div slides out to left

    // need to slide in next one here

}

HTMLはこんな感じ

<div id="content2" class="content tabcontent active" data-content="1">
<div id="orders_today" class="datagroup datagroup0"></div>
<div id="orders_last_30_days" class="datagroup datagroup1 hide">
</div>

スワイプイベントはこのように呼び出されます

$(document.body).on('swipeleft', '.datagroup' ,swipeleftHandler);

スワイプ イベントは正しくキャプチャされており、最初の div は必要に応じて左にスライドしています。サイドインする次の div が必要です。コンテナーには同じクラス (および不明な ID) を持つ複数の要素が存在する可能性があるため、next() を使用してみました。

4

2 に答える 2

1

これを非表示にする前に、次をキャッシュします。

$("body").on("click", "div", function(){
   $next = $(this).next();
   $(this).toggle("slide");
   $next.toggle("slide");
});

jsフィドル

于 2013-07-09T12:54:11.513 に答える